Vue中 .sync修饰符的用法
因为vue是单向数据流,顾名思义,父组件数据更改可以传递到子组件,但是子组件的数据更改无法同步到父组件上
sync 其本质是一个语法糖
作用:使子组件更改props 的值的同时,父组件的值也同步发生更改
示例代码如下
父组件代码
<div>
//show 为data中定义的变量
<child :show.sync='show'></child>
</div>
子组件代码
props:{
show:''
},
methods:{
changeshow(){
//true 为要传入的值 固定写法 update
this.$emit('update:show',true)
}
}