关于vue修饰符.sync

vue是单项数据流，所以要对他进行双向数据绑定的时候需要用到.sync修饰符，最常用的是visible.sync
在子组件里写：this.$emit(‘update:visible’, visible)， 使用update:my-prop-name 的模式触发事件
父组件里：

<components :visible="isVisible" @update:visible="val=>isVisible=val"></components>
//简写
<components :visible.sync="isVisible"></components>

子组件：

this.$emit('update:visible', visible)

作用

：当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定