MVC

前端MVC

MVC模式（Model–view–controller）是一种设计模式，把系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）,它是一种 代码组织形式，不是任何一种框架，也不是任何一种技术，它只是组织代码的思想。

1.Model 数据管理，主要负责和服务器进行交互。将请求到的数据传给Controller。

2.View 负责用户界面，HTML 渲染。

3.Controller 负责监听并处理View 的事件，更新和调用 Model；也负责监听 Model的变化（Model从服务器获得数据），并更新 View。Controller 控制其他所有流程。

就是把你的代码分成三块，

第一块View 来告诉程序 你的代码长什么样子，或你的代码在页面哪一块。

第二个 Model来告诉 你的数据有哪些操作，

第三个Controller 负责所有的其他事情，操作View

用户点view ,view由Controller监听，所以view一旦被点击就会通知Controller,Controller就会去Model里面调用数据，Model就会去Server请求，Server就响应数据给Model,Model拿到数据就返回给Controller,Controller拿到数据就更新View

代码大概说明 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(){}

}