前端中的MVC

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(){}
}