文本框
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单输入绑定</title>
</head>
<body>
<div id='app'>
<!-- 文本框 -->
<label>姓名是:</label>
<input v-model="message1" placeholder="请输入" />
<!-- 多行文本 -->
<p>多行文本</p>
<textarea v-model="message2" placeholder="多行文本"></textarea>
</div>
</div>
<script src="vue.js"></script>
<script>
var app1 = new Vue({
el: "#app",
data: {
message1: '又又',
message2: '1234567890987654321'
}
});
</script>
</body>
</html>
复选框
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>复选框</title>
</head>
<body>
<div ,
data: {
item:[]
}
})
</script>
</body>
</html>