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)
	}
}