MVC

Model

Model={
    data:{程序需要操作的数据或信息},
    create:{增数据},
    delete:{删数据},
    undate(data){
        Object.assign(m.data,data) //使用新数据替换旧数据
        eventsBus.trigger('m:upate') //eventBus触发'm:update'信息, 通知View刷新 
    },
    get:{获取数据}
}

View

View={
    el:需要刷新的元素,
    init(){
        v.el: 需要刷新的元素
    },
    template:'<h1></h2>' //html的内容
    render(){ 刷新页面 }
}

Controller

Controller = {
   init(){
      v.init() // View初始化
      v.render() // 第一次渲染
      c.autoBindEvents() // 自动的事件绑定
      eventBus.on('m:update', () => { v.render() }) // 当eventBus触发'm:update'时View刷新
   },
   events:{ 事件以哈希表方式记录 },
   method() {
      data = 改变后的新数据
      m.update(data)
   },
   autoBindEvents() { 自动绑定事件 }
}EventBus
posted @ 2020-12-07 14:35  JaneLifeVlog  阅读(37)  评论(0)    收藏  举报