父子组件使用v-model实现数据的双向绑定

 父子组件实现数据双向绑定 　　props 单向数据流 父 ==> 子 　　使用v-model 原理是value属性和input事件   + 实现步骤：     - 1. 在父组件中注册子组件并使用     - 2. 在子组件上使用v-model=父组件data值     - 3. 在子组件中使用props属性接收一个value属性     - 4. 在子组件中data定义一个临时变量(目的是存放value的值)     - 5. 在子组件中使用watch监听value的值，当value的值修改时将最新的值赋值给临时变量     - 6. 在子组件中使用watch监听临时变量的值，当临时变量的值修改时将最新的值使用this.$emit('input', val) 触发input事件     - 7. 这样操作就可以实现父子组件的数据双向绑定    

标签：在子,绑定,value,使用,组件,input,model
来源： https://www.cnblogs.com/kevin424/p/15740798.html