Vue 父子组件双向通信的语法糖
父组件:
<son :data.sync="data"></son>
子组件:
两种情况:
1.子组件传递的值不是不断变化的
2.子组件传递的值是不断变化的
props:{
data:{}
}
set(){ this.$emit('update:data,'传递的数据')}
2.需要对传递的数据进行不断的修改
props :{
data:{}
}
computed:{
get(){
return this.data
}
}
set(){
let val=this.get
val++
this.$emit("update:data",val)
}
Vue 父组件调用子组件的方法
<son ref="myson"></son>
methods:{
setSon(){
this.$refs.myson.set() // set 子组件在methods 里定义的方法
}
}