问题:.sync修饰符的作用?
vue 2.3.0+ 新增
简要回答:
允许prop进行双向绑定,以this.$emit(update:PropName,newValue)的模式触发事件。
即:
相当于:
v-bind:title="doc.title"
v-on:update:title="doc.title=$event"
>
示例:
以在index.vue下引入childrenOne子组件为例,使用.sync属性,会在mounted生命周期里面alert弹出childrenOne,而不是index。
在childrenOne.vue的会员生命周期mounted里面通过
this.$emit('update:title', this.newTitle);
设置title属值
编辑器:完整demo: