vue v-model数据双向绑定
vue v-modle数据双向绑定意思就是 input框<div id="app"><p>{{message}}</p><inputtype="text" v-model="message"/><pre&g
·
v-modle指令适用<input><select><textarea>等表单元素上,数据双向绑定意思就Vue对象中data与渲染的dom元素的内容保持一致,不论是data还是dom元素,其值不论哪一方发生变化,另一方也会相应的变化,不妨自己动手试一试!
<div id="app">
<p>{{message}}</p>
<input type="text" v-model="message" />
<pre>
{{$data | json}}
</pre>
</div>
<script>
new Vue({
el:'#app',
data:{
message:"hello world!"
}
});
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)