V-model
v-model="msg"可以将元素的值与msg绑定。
下面的例子是将msg的值与输入框绑定。
<div id="app">
{{msg}}
</div>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
new Vue({
el:"#app",
data:function(){
return {msg:'Hello world '};
},
template:'<div>' +
'<p>{{msg}}</p>' +
'<input type="text" v-model="msg"/>' +//将输入框中的值与msg绑定,输入框中的值改变时msg也会改变。
'</div>',
});
</script>
效果如下:
在输入框中输入时如下: