vue父子元素数据传递

标签：his   src   data   app   属性   nod   必须   需要   另一个   

1.子元素接收数据，无校验

<div id="app">
父亲给予：{{money}}
<!--当前组件的属性=父级的值，给子元素加了一个childmoney属性，属性对应的数据时属于父亲的-->
<child :childmoney="money"></child>
</div>
<script src="node_modules/vue/dist/vue.js"></script>
<script>
//如果要在一个组件使用另一个组件，先保证使用的组件必须真实存在，在需要引用这个组件的实例上通过components注册这个组件，组件需要在父级的模板中通过标签的形式引用

let vm=new Vue({
el:‘#app‘,
data:{
money:200
},
components:{
child:{
props:[‘childmoney‘],//如用数组，相当于this.childmoney=200,会在当前组件上声明一个childmoney属性，值是父元素的
templates:‘<div>儿子接收 {{childmoney}} </div> ‘
}
}
});
</script>

vue父子元素数据传递

标签：his   src   data   app   属性   nod   必须   需要   另一个   

原文地址：https://www.cnblogs.com/-sunny-xiaobai/p/12075671.html