雙響數(shù)據(jù)綁定
-
雙響綁定
- html
<div id="app"> <input type="text" v-model="message"> <h1>{{message}}</h1> </div>- js
<script> // 初始化數(shù)據(jù) window.onload = function () { var vue = new Vue({ el: '#app', data: { message: 'Hello vue!' } }); }; </script> -
取消雙向綁定
- html
<div id="app"> <input type="text" v-model="msg"> <br> 雙向綁定數(shù)據(jù)：{{msg}} <br> HTML雙向綁定： <span v-html="msg"></span> </div>- js
<script> // 初始化數(shù)據(jù) window.onload = function () { // vue new Vue({ el: '#app', data: { msg: '初始化數(shù)據(jù)' } }); }; </script>
