<script src="vue.js"></script>
<div id="demo">
{{message}}
<input v-model="message">
</div>
<script>
var vm = new Vue({
el: '#demo',
data: {
message: 'Hello Vue.js!'
}
})
</script>
Model View VM
Model 是数据, data
View 是模板
VM 是 vm = new Vue();
VM 用来连接数据和视图, 视图的输入框绑定了v-model, 用户输入后会改变data;
Model改变也会同步视图更新相关的依赖, 双向绑定就是vm起了作用