父组件
<body>
<div id="app">
<child v-bind:data = "test"></child>
</div>
<script>
import child from "./child" //引用组件
export default{
data(){
return {
test:"我是父组件的数据"
}
},
components:{ //注册组件
child
}
}
</script>
</body>
子组件
<body>
<div>
{{data}}
</div>
<script>
export default{
props:["data"] //props用来接收父组件传过来的数据， data要跟父组件的 v-bind:data 是一致的
}
</script>
</body>