<body>
<!--
1、在子组件中用v-bind绑定一个自定义的属性，将父组件中的数据传进去。
2、在子组件中用props属性接受这个子组件中自定义的属性，
3、然后在子组件中渲染出这个自定义的属性
-->
<div id="app">
父亲：{{money}}
<child :m='money'></child>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
var vm = new Vue({
el:"#app",
data:{
money:400
},
components:{
child:{
props:["m"],
template:"<div>儿子：{{m}}</div>",
}
}
})
</script>
</body>
网友评论