1.6 双向绑定和单向数据流不冲突

一、数据的双向绑定

1. 数据变化后，视图同步更新；视图更新后，数据同步更新

2. 使用v-model属性进行绑定

   <input v-model="message">
       {{message}}

   备注：直接在div中插入这段内容

二、非简写模式实现v-model

// HTML
 <input :value="message" @input="handleChange">

// 函数中
	handleChange(e) {
      this.message = e.target.value
    },

三、总结

所谓的双向绑定，只是Vue封装了方法，让我们简写代码，原理还是数据的单项绑定