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>

 

Logo

前往低代码交流专区

更多推荐