对于v-model指令,一开始并没有引起我的注意,看到这个命令我仅仅只是在vue官网上查了一下,简单的就几个字。
在表单控件或者组件上创建双向绑定。
于是我找到菜鸟教程中的一个实例,如是照着它的样子粗劣的写了一下如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="javascript/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{message}}</p>
<input v-model="message">
</div>
<script>
new Vue({
el:'#app',
data:{
message:'HelloWorld'
}
})
</script>
</body>
</html>
结果如下:
如是我就这样直接而粗暴的大致了解了其用法。