VUE框架思想

学习VUE的第一步就是先了解这个框架的的核心思想
Vue.js的核心思想就是,它是一套__渐进式的自底层向上增量开发__的__MVVM__结构的框架

什么是框架?

简单的讲,框架就是将与业务无关的重复代码进行封装,形成框架

框架的优势

使用框架可以极大的提升开发效率,但是使用框架需要遵循所使用框架 的语法,不过使用框架可以大大的提高对于业务逻辑的操作

什么是自底层向上开发的设计模式?

如同我们开始学习前段一样,自底层向上增量开发的设计模式同样可以看做如同盖房子一样,由开始的地基到主体承重墙到建筑内部的设计再到最后的装修添加家具一样,这种设计模式的思想就是先从基础界面开始,最后逐一添加功能和效果,这种由简单到繁琐的过程就是自底层增量开发。

MVVM的特点

一款框架体系的流行,必定与它的诸多优点相匹配,它简介、轻量级、性能好,并且其开发者尤大为一名中国开发者,所以它的中文社区活跃度更高

MVC框架

先简单的对MVC进行解释

MVC表示软件的三个部分

  • 模型(Model)
  • 视图(View)
  • 控制器 (Controller)

为什么要使用MVC?

  • MVC是一种专注业务逻辑而非设计思想的框架
  • MVC中没有DOM操作
  • 将数据独立出来,方便管理
  • 业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个不见里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑。

MVC思想

MVC更关注业务数据,不关注页面页面实现的表象(独立数据,不需要操作DOM)

MVVM是什么?

  • Model,模型层,主要负责业务数据相关
  • View,视图层,负责视图相关,细分为HTML+CSS
  • ViewModel,可以看做V与M的连接桥梁,负责监听M或者V的修改是实现MVVM双向绑定的要点以上几点的结合,使得开发者只需要关注业务逻辑,不需要手动操作DOM,不需要关注数据状态的同步问题,复杂的数据状态维护完全有MVVM来统一管理

MVP思想

MVP思想的全称为Model-View-Presenter,Model提供数据,View负责显示,Presenter负责逻辑处理

MVP与MVC有着一个重大的区别:在MVP中View并不直接使用Model,他们之间的通信是通过Presenter来进行的

MVC中 的View会直接从Model中读取数据而不是通过Controller

简单的小结

MVC 思想:一种将数据层与视图层进行分离的设计思想

MVVM思想:意思就是当M层数据进行修改时,VM层会监测到变化,并且通知V层进行相应的修改,反之相同

MVP思想:MVP的全称为Model-View-Presenter,Model提供数据,View负责显示,Presenter负责逻辑的处理

posted @ 2019-07-11 20:53 白ING 阅读(...) 评论(...) 编辑 收藏