2020-10-12 表单输入绑定

1、表单输入绑定基础用法

文本

<div id="app">
	<form>
		<input v-model="msg" />
	</form>
</div>

var vm = new Vue({
   
				el:"#app",
				data: {
   
					msg:'hello world!'
				},
			});

效果：

多行文本

<div id="app">
			<form>
				<textarea name="" id="" cols="50" rows="20" v-model="msg"></textarea>
			</form>
		</div>

var vm = new Vue({
   
				el:"#app",
				data: {
   
					msg:'hello world!'
				},
			});

效果：

复选框

<div id="app">
			<form>
				爱好<input type="checkbox" />看电影
			</form>
		</div>
var vm = new Vue({
   
				el: