Vue sync实现 子组件属性与父组件变量双向绑定

Vue sync实现 子组件属性与父组件变量双向绑定

父子组件双向绑定语法

父组件可以监听update:title事件并根据需要更新一个本地的数据

<text-document
  v-bind:title="title"
  v-on:update:title="title = $event"
></text-document>

缩写为.sync 修饰 的语法

<text-document v-bind:title.sync="title"></text-document>

子组件 text-document 向父组件通过update:title方法传值

this.$emit('update:title', newTitle)