v-model
vue使用v-model实现这些标签数据的双向绑定，它会根据控件类型自动选取正确的方法来更新元素。
<input v-model="val" />
v-model是vue提供的一个语法糖，本质上是
<input :value="msg" @input="(val)=>this.msg=val" />
data(){
return:{
msg:''
}
}
.sync
官方推荐使用一种update:my-prop-name 的模式来替代事件触发，实现父子组件间的双向绑定。
<Children :foo.sync="bar"></Children >
本质原理：
<Children :foo="bar" @update:foo="val => bar = val"></Children >
在子组件如何更新自定义属性prop的值
this.$emit('update:foo', newValue)
通过$emit 触发父组件原理函数，传入要更新的值
v-model和.sync的区别
v-model默认对应的是input或者textarea等表单组件的input事件，如果在子组件使用input事件，其和.sync修饰符功能一模一样。但是比较单一，不能多个绑定。一个组件可以多个绑定属性用.sync修饰符，可以同时"双向绑定多个“prop”，而并不像v-model那样，一个组件只能有一个。
