MVVM分别是:Model View ViewModal
该开发模式主要体现在vue.js中
M层:模型
V层:视图
VM层:VM是MVVM思想的核心,因为VM是V和M的调度者。
// VM层
var vm = new Vue({
el: '#app',
data:{ // M层
msg: '你好,vue.js'
}
})
//V层
<div id='app'>
<p>{{msg}}</p>
</div>
Model: 代表数据模型,数据和业务逻辑都在Model中定义。
View: 代表UI视图,负责数据的展示
ViewModel: 负责监听Model中数据的改变并且控制视图的更新。