Vue作为MVVM框架,M、V、VM分别代表什么？

2019独角兽企业重金招聘Python工程师标准>>>

<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起了作用

转载于:https://my.oschina.net/jamesview/blog/1860562