Vue.js是什么?
Vue是一个轻量级渐进式的Javascript框架,具有简单易学、小巧灵活、性能优越的特点。与react一样,具有整套生态工具系统。
Vue属于前端MVVM框架,Vue主要专注于MVVM框架的View层,核心是VM-ViewModel
什么是MVC、MVP、MVVM?
-
MVC:Model-View-Controller
MVC通信:当用户界面View改变时指令单向传递到Controller,业务逻辑完成后再要求Model的数据改变状态,最后改变的数据显示到View层上。以上都是单向通信。MVC可以分两种情况接收用户指令,一种是View接收、一种是Controller接收。
-
MVP:Model-View-Presenter
MVP通信:View层不再与Model发生通信,都是通过Presenter实现。MVP里View与Presenter、Presenter与Model的通信都是双向的。MVP里View不部署任何逻辑,所有的逻辑部署在Presenter里
-
MVVM:Model-View-ViewModel
MVVM通信:与MVP通信相似,不同的是MVVM中的View与ViewModel之间使用数据双向绑定,当View变化时ViewModel同时进行变化。
MVVM理解:View是UI组件,作用是呈现数据。Model为数据模型。ViewModel是同步View 和 Model的对象。ViewModel 通过双向数据绑定把 View 层和 Model 层连接了起来。我们就只需要关注业务逻辑,不用操作DOM, 不需要关注数据状态的同步问题,复杂的数据状态维护完全由 MVVM 来统一管理。
-
Vue.js适用的场景。
- Vue-MVVM框架适用于H5页面,H5页面的View层不仅需要数据展示,还需要管理复杂数据状态、处理移动设备上的操作行为。
- MVVM可以解决以下三种问题:
1大量调用DOM:因为大量的操作DOM,使得代码异常的多,而且难以维护。
2DOM操作的性能问题:当大量DOM操作时会使页面渲染性能降低,加载速度缓慢。
3数据频繁变化时View的更新:用户操作导致Model频繁变化时,需要复杂的工作和处理复杂的诗句状态将变化的数据同步到View层中。
Vue.js与react.js、angular.js在学习时有什么区别?
angular.js1.x是一个大而全的框架使用者必须遵循它的一套规则,vue与其相比有着很多相似的地方,而且vue解决了angular的许多问题,学习曲线也更加平滑。
vue与react都有一套自己的生态圈,react学习前必须知道JSX 和 ES2015语法,vue起步时可以轻易创建简单程序开始学习。
初识前端框架Vue.js
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 相信大家对MVC,MVP和MVVM都不陌生,作为三个最耳熟能详的Android框架,它们的应用可以是非常广泛的,但...
- 前言 看了下上篇博客的发表时间到这篇博客,竟然过了11个月,罪过,罪过。这一年时间也是够折腾的,年初离职跳槽到鹅厂...
- Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...