• 单向数据绑定和双向数据绑定的区别

    单向数据绑定:

    vue对象可以控制页面的数据,反之页面不能改变vue的值叫做单向绑定,:是v-bind的简写。

     <div id="app">

            <input type="text" :value="val">

          </div>

        <script>

          var app = new Vue({

              el:'#app',

              data:

                  val:"dededede"

              }

          })

        </script>

    双向数据绑定:

        vue对象可以控制页面的数据,反之页面也可以改变vue的值叫做双向数据绑定,v-model是双向绑定的关键字,v-model不是所有的属性都可以用,他是在用户可以操作数据的地方使用比例input框,文本域等等。

          <div id="app">

            <input type="text" v-model="val">

          </div>

        <script>

          var app = new Vue({

              el:'#app',

              data:

                  val:"dededede"

              }

          })

        </script>