vue的单向数据流和双向数据绑定

• Vue 的数据流本质上是单向数据流，而我们平时说的双向数据绑定，只是Vue的一个语法糖，也就是说，Vue在数据流方面既可以实现单向数据流也可以实现双向数据绑定。
   
• 双向数据绑定实现原理：

  

  <input type="text" :value="content" @input="onInput">
  <script>
  export default{
      data: { return: {content:"hello"} },
      methods: {
              onInput(e) { 
                   this.content = e.target.value 
               } 
      }            
  }
  </script>  

  

  从上述代码中我们可以看出，通过@input事件来监听用户行为，一旦触发了onInput事件，content的值也随即会发生变化，也就是View中的数据变化导致Model层的数据变化，而在data中去声明的content的值，也会导致value值的变化，也就是Model层的数据变化导致View的数据变化，这两个情况我们统称为数据的双向绑定。

• 单向数据流原理：

  <input type =