1、引入vue.js
2、创建Vue对象
3、双向数据绑定v-bind
4、显示数据 {{xxx}}
例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<script src="../vue.js"></script>
</head>
<body>
<div id="app">
<input type="text" v-model="mess" />
<p>hello {{mess}}</p>
</div>
<script>
const vm = new Vue({
el: '#app', //指定根元素(element)选择器
data: { //初始化数据
mess: 'today'
}
})
</script>
</body>
</html>
5、MVVM模型:
Model:模型,数据对象
View:模板页面
ViewMode:视图模型,Vue实例