学习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负责逻辑的处理

最新文章

  1. 第二章《深入C#数据类型》项目经理评分
  2. 通过LinQ查询字符出现次数
  3. Unity脚本生命周期
  4. NS_ENUM和NS_OPTIONS区别
  5. 禅道,然之和蝉知入驻VM Depot
  6. MySQL源码 数据结构array
  7. Python学习笔记 (4) :迭代器、生成器、装饰器、递归、正则表达式等
  8. 1294 - Positive Negative Sign(规律)
  9. java web解决表单重复提交问题
  10. 中国剩余定理(CRT)与欧拉函数[数论]
  11. 自制简易Linux系统
  12. LeetCode 15. 3Sum(三数之和)
  13. sun.misc jar包
  14. PHP中$_POST和$_GET的用法
  15. 通过自己定义MVC的Controller的Json转换器解决日期序列化格式问题
  16. 用树莓派改装电风扇及实现Android遥控
  17. Properties 使用
  18. September 10th 2017 Week 37th Sunday
  19. [NOI2018]归程 kruskal重构树
  20. Javascript 中“靠”的使用

热门文章

  1. Redis、MPP、kafka 、MongDB简介
  2. oracle-Mount
  3. JavaScript--for in循环访问属性用"."和[ ]的区别
  4. Resource Management in View Controllers
  5. pytorch利用多个GPU并行计算多gpu
  6. Unicode与FFFE(记一个蛋疼的项目)
  7. Kubernetes1.3新特性:新的资源回收控制器
  8. 19-3 auth模块
  9. BUAA 623 Chem is Try!
  10. git学习一——Pro-Git