[英]vue.js I don't know how to pass data to another component via props
我是vue的初学者。 我最近开始学习vue。 我在我的 vue 组件中添加了一个道具。 我认为代码似乎是正确的。 但是发生了错误。 有人告诉我如何将字符串或数字传递给 childComponent 以及如何检查它。
ERROR in ./resources/js/components/App.vue?vue&type=template&id=1da0bc8e& (./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vuetify-loader/lib/loader.js??ref--11-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/App.vue?vue&type=template&id=1da0bc8e&)
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
text "test_id" outside root element will be ignored.
1 |
|
2 | {{test_id}}
| ^^^^^^^^^^^^
3 | <v-app>
应用程序.vue
<template>
{{test_id}}
<v-app>
</v-app>
</template>
<script>
export default {
name: 'App',
components: {
Test
},
props: {
test_id : String
},
}
</script>
import vuetify from './plugins/vuetify'; Vue.component('stack', require('./components/App.vue').default); const app = new Vue({ el: '#app', vuetify, });
sample.blade.php
<script src=" {{ mix('js/test.js') }}" defer></script>
<div id="app">
<stack test_id="111"></stack>
</div>
根中的元素太多,用包装器将它们括起来,例如:
<template>
<div>
{{test_id}}
<v-app>
</v-app>
</div>
</template>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.