MVVM前端视图层概念

7 篇文章 0 订阅
6 篇文章 0 订阅

MVVM前端视图层概念
MVVM是前端视图层的概念,主要关注于视图层分离,也就是说:把MVVM把前端视图层,分为了三部分:Model,View,VH ViewHodel.

MVVM是前端视图层的分层开发思想,主要把每个页面,分为了M丶V和VM其中。VM是MVVM思想的核心,以为VM是M和V之间的调度者。前端页面中使用MVVM的思想,主要是为了让我们开发更加方便,因为MVVM提供了数据的双向绑定。 数据的双向绑定是由VM提供的。

①view视图层
每当用户操作了界面,如果需要进行业务的处理,都会通过网络请求,去请求后端的服务器,此时,我们的这个请求,就会被后端的App.js监听到。

②app.js
项目的入库块,一切的请求,都要先进入这里进行处理,注意:app。js并没有路由分支的功能,需要调用router.js模块进行路由的分发处理。

③router.js
这是路由分发处理块 【为了保证路由模块的只能单一,router.js 只负责分发路由,不负责目体业务逻辑的处理】

如果涉及到了业务逻辑处理的操作,router.js就无能为力了,只能用controller块进行业务逻辑处理

④Controller
这是业务逻辑处理层,在这个模板中,封装了一些具体业务逻辑处理的逻辑代码,但是,也是为了保证职能单一,此模块只负责处理业务,不负责处理数据的CRHD,如果涉及到了数据的CRUD,需要调用Model层

⑤Model层
职能单一,只负责操作数据库,执行对应的sql语句,进行数据的CRUD.
C:create
R:read
U:update
D:delete

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值