MVC三个对象

首先,MVC是一种设计模式,为什么要有设计模式?–Don’t repeat yourself 原则,为了防止写出spaghetti code,防止代码和页面级别的重复。
简单来说, MVC就是每个模块都可以写成三个对象,分别是 M、V、C,
M- Model(数据模型)负责操作所有数据,数据管理,主要负责和服务器进行交互。将请求到的数据传给Controller。
let Model={
data:{数据源},
create:{增加数据},
delete:{删除数据},
update(data){
Object.assign(m.data,data)//用新数据替换旧数据 eventBus.trigger(‘m:update’)//eventBus触发’m:update’信息,通知View刷新界面 },
get:{获取数据}}
V-View(视图)负责所有 UI 界面
let View={
el:要刷新的元素,
template{}
html:‘要显示在页面上的内容’
init(){
v.el:需要刷新的元素
},
render(){
刷新页面
}}
C- Controller(控制器)负责监听并处理View 的事件,更新和调用 Model;也负责监听 Model的变化(Model从服务器获得数据),并更新 View。
let Controller={
init(){
v.init()//初始化View v.render()//第一次渲染页面 c.autoBindEvents()//自动的事件绑定 eventBus.on(‘m:update’,()=>{v.render()}//当enentsBus触发’m:update’是View刷新 },
events:{事件以哈希表的方式记录存储},
method(){
data=新数据
m.update(data)
},
autoBindEvents(){自动绑定事件}}

要弄清楚MVC,首先理解下面3个问题:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值