005 雙向資料繫結
阿新 • • 發佈:2018-11-23
一 .概述
在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>
我們對錶單元素進行修改的時候,我們就會享受雙向資料繫結帶來的好處.