vue.js中的v-model
<html>
<head></head>
<body>
<div id="app">
<!-- msg為展示的值做瞪，從其id所對應(yīng)的data中取值 -->
<p>{{msg}}</p><br>
<!-- 此處為輸入框基协，用v-model綁定msg,輸入框中輸入的值決定msg的值-->
輸入：<input type="text" v-model='msg'>
</div>
</body>
<script src='https://unpkg.com/vue/dist/vue.js'></script>
<script >
new Vue({
el:'#app',
data:{
msg:"hi"
}
})
</script>
</html>
解釋：
<input type="text" v-model='msg'>
v-model這個指令只能用在<input> , <select> , <textarea>這些表單元素上，所謂雙向綁定狮暑，指的就是我們在js中的vue實例中的data與其渲染的dom元素上的內(nèi)容保持一致废离，兩者無論誰被改變呻袭，另一方也會相應(yīng)的更新為相同的數(shù)據(jù)。
