MVC(Model View Controller)是前端开发中的一种设计模式。M即model,模型层主要负责数据逻辑部分,按照功能将代码分块;V即view,视图层负责数据显示的部分;C即controller,控制层主要负责数据交互的部分。
MVC开发模式可以简化为以下几步:
1.model层与服务器进行交互,从服务器请求数据,得到数据后进行封装。
2.controller层调用model层的数据,然后进行逻辑处理,然后model层接收controller层返回的数据。
3.model层对view层进行监听,让视图进行更新,视图更新完毕后通知model层。
MVC设计模式简化了开发,降低代码的耦合性。
代码说明
var model = {
data: null,
init(){}
fetch(){}
save(){}
update(){}
delete(){}
}
view = {
init() {}
template: '<h1>hi</h1'>
}
controller = {
view: null,
model: null,
init(view, model){
this.view = view
this.model = model
this.bindEvents()
}
render(){
this.view.querySelector('name').innerText = this.model.data.name
},
bindEvents(){}
}