vue v-model：双向数据绑定

最新推荐文章于 2024-08-16 15:49:18 发布

Chestnut*

最新推荐文章于 2024-08-16 15:49:18 发布

阅读量200

点赞数

文章标签： v-model:双向数据绑定

本文链接：https://blog.csdn.net/weixin_43830188/article/details/89765819

版权

v-model：双向数据绑定

v-model: 双向数据绑定的体现,只会体现在有value属性的
它是v-bind:value v-on:input 的体现

<div id=”#app”>
		<!--<input type=”text” v-model=”msg”>-->
		<input type=”text”  :value=”msg” @input=”valueChange”>
		<p>{{msg}}</p>
</div>

new Vue({
		el:”#app”,
		data:function(){
		return{
			msg:”小板栗”,
		}
},
methods:{
		valueChange(e){
			console.log(e.target.value);
			this.msg = e.target.value;
		}
	}
});