当父组件将值传递给子组件时,该值将在子组件中加工并显示。 此外,子程序集的值是窗体双向绑定的值。 在这种情况下,watch可以接收子组件的props值并初始化子组件变量。 我尝试过使用computed,但是双向绑定的值必须设置为set。
示例:
parent.vue
导入' son ';
导出默认值{
name: 'parent ',
componets:{Son},
数据()。
返回{
initinfo :空值
}
(,
method:{
getsoninfo(val ) {
控制台. log (val.name,val.skill );
}
(,
mounted () }
this.initInfo={
name: '李白',
skill: '青莲剑歌'
}
}
}
son.vue
name:
skill:
导出默认值{
name: 'Son ',
props:{
initinfo :空值
(,
数据()。
返回{
name :空值,
skill :空值
}
(,
watch: {
initinfo(val ) {
this.name=`国服${val.name} `;
this.skill=`大招: ${val.skill} `;
}
(,
method:{
btnClickHandle () }
this.$Emit(getsoninfo )、{name: this.name、skill: this.skill} );
}
}
}
}