vue 通过 v-model 实现父子组件的双向数据绑定

单向数据流
单向数据流是Vue组件一个非常明显的特征，不应该在子组件中直接修改props的值

• 如果传递的props仅仅用作展示，不涉及修改，则在模板中直接使用即可
• 如果需要对props的值进行转化然后展示，则应该使用computed计算属性
• 如果props的值用作初始化，应该定义一个子组件的data属性并将props作为其初始值

组件之间的通信

• 父子组件的关系可以总结为 props 向下传递，事件event向上传递
• 祖先组件和后代组件（跨多代）的数据传递，可以使用provide和inject来实现
• 跨组件或者兄弟组件之间的通信，可以通过eventBus或者vuex等方式来实现

通过v-model语法糖实现父子组件的数据双绑

Vue内置了v-model指令，v-model是一个语法糖，默认会利用名为 value 的 prop 和名为input的event。model属性可以自定义prop和event

  model: {
    prop: 'msg',
    event: 'cc'
  },

父组件test的值将会传入这个名为msg的prop
同是当aa组件触发click事件并附带一个新的值得时候，父组件的test属性将会被更新

//父组件

//子组件

//使用默认prop、event的子组件

父子组件中需要多个双向绑定写法

//父组件

//子组件