vue 双向绑定 子组件input 动态修改父组件值

让子组件修改父组件中的变量:

一：常规方法

二：.sync 

我们先看下官方文档：vue .sync 修饰符，从 2.3.0 起我们重新引入了 .sync 修饰符，它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。相当于上面的常规方法的一种简化

三：v-model

v-model是 Vue2 中唯一支持双向绑定的指令，用于表单控件绑定，但不代表它只能用在表单控件之上.而且v-modal和.sync 一样都是语法糖 参考官方文档：在组件上使用 v-model