MVC是什么

MVC的含义

MVC是一种设计模式，把系统分为三层：Model,view,controller.
MVC是三个单词的首字母缩写，M指model（模型），V指view（视图），C指Controller（控制器）。

• view ： view是用户在浏览器看到的部分，它提供给用户的界面，是外观。
• model：model是数据中的数据库，也有着各种操作数据的方法，跟数据有关的都在这部分,比如AJAX请求，localStorage存储
• controller：controller是连接view和model的接口，负责用户从view中操作，然后取出model中的数据对其进行操作，产生结果使view改变。

MVC的过程

1. controller监听着view的操作
2. 当用户在view中进行操作，就会通知controller
3. controller调用model中的数据
4. model中就会请求server服务器中的数据将其返回至controller
5. controller就会根据传入的数据来更新view

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

MVC通过模块化的方式，可以使代码变得更加简洁且易懂，易于后期进行修改。