首先把父组件要传输的数据用自定义属性绑定在标签上
<father :father_data=‘ data ‘></father>
在子组件中用prpos接收
const childcomponent = { template:‘<child>{{son_data}}</child>‘, props:[‘ father_data‘], //props[‘属性名‘] (在父组件中用来绑定数据的属性名) data(){ return{ //用来接收数据的变量 son_data:‘‘ } }, mounted(){ //钩子函数,页面加载完成时把接收到的父组件传过来的值赋给子组件变量 this.son_data = this.father_data } //如果父组件数据发生改变 可以使用特么computed计算或者watch监听 }
原文地址:https://www.cnblogs.com/cola1orz/p/11229675.html
时间: 2024-09-28 17:15:52