1. 程式人生 > >005 雙向資料繫結

005 雙向資料繫結

一 .概述

  在Vue之中最吸引人的就是雙向資料繫結的內容了.

  在Vue之中使用v-model完成雙向資料繫結,

  對於雙向資料繫結就是依賴表單元素的,在這裡我們說下常見的雙向資料繫結的內容.


 

二 .雙向繫結演示 

    <div id="app">
          <select v-model="val">
              <option>濟南</option>
              <option>北京</option>
              <option>天津</option>
              <option>上海</option>
          </select
> <p>{{msg}}</p> <input type="text" v-model="msg"> </div> <script type="text/javascript"> let app = new Vue({ el : '#app', data : { val : 4, msg : '好人' } }); </script>

我們對錶單元素進行修改的時候,我們就會享受雙向資料繫結帶來的好處.