父子组件的双向绑定

最近写组件需要实现父子组件值的双向绑定，百度了一下有两种方式。一是v-model，二是.sync修饰符。推荐使用sync修饰符，简单、通用、容易理解。

子组件

//属性
props:{
   name:{
     type:String
	}
}
//更新值
this.$emit('update:name','123')

将属性name的值更新为123

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

简写形式（sync）

<text-document :name.sync="username"></text-document>

通过sync就可以实现父子组件值的双向绑定

参考：
1、官方文档
2、vue中v-model与.sync修饰符的使用差异