父组件,子组件之间的传值
子组件使用父组件数据:
父组件(:XX=”XX”)
子组件:
Pros:{
XX:{
Type:String,
Required:true
}
}
父组件引用子组件:
Import
定义
<子组件标签>
注:子组件像父组件传值需要进行数据复制,不能出现跟父组件同名的情况
Eg:
Import cloneDeep from “lodash/cloneDeep”;
Export default{
Name:”当前vue名” //必须起个名
在给子组件传值用
}
方法:{
Let cloneOptions = cloneDeep(this.值)//数据复制
使用:this.$emit(‘update:option’,cloneOptions)
...不全
}
监测数据变化值
watch:{
visible(newVul,oldVue){
console.log(newVul);
if (newVul === false){
this.$emit('operationend');
}
}
}
只是为了更好的团圆...