<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>vue demo</title>
</head>
<body>
<div id="content"> <!-- view -->
<input type="text" v-model="msg"/><br/>
<p>hello, {{msg}}</p>
</div>
</body>
<script type="text/javascript" src="js/vue.js" ></script>
<script type="text/javascript">
//vm
var vm = new Vue({
el: '#content',
data: {//model
msg : 'hello vue'
}
});
</script>
</html>
- 引入Vue.js
- 创建Vue对象
el : 指定根element(选择器)
data : 初始化数据(页面可以访问) - 双向数据绑定 : v-model
- 显示数据 : {{xxx}}