其他分享
首页 > 其他分享> > Vue-双向数据绑定

Vue-双向数据绑定

作者:互联网

双向数据绑定的源代码

<body>
		<div id="app">
			<p>{{data1}}</p>
			<input name="" id="" :value="data1" @input="fn">
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				data1:"123456"
			},
			methods:{
				fn(e){
					this.data1=e.target.value
				}
				
			}
		})
	</script>

  Vue实现双向数据绑定代码

  v-model

<body>
		<div id="app">
			<p>{{data1}}</p>
			<input type="text" v-model="data1">
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				data1:"123456"
			}
		})
	</script>

  

标签:el,Vue,绑定,双向,123456,data1
来源: https://www.cnblogs.com/forever-ljf/p/16660036.html