Vue从入门到精通(4)--第三阶段:MVVM及流行框架简介

前端之家收集整理的这篇文章主要介绍了Vue从入门到精通(4)--第三阶段:MVVM及流行框架简介前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

第三阶段

  1. MVVM
  2. Vue、React、AngularJS简介及对比

MVVM

    MVVM是一种框架模式,和传统的MVC模式相比,MVVM的最大特点是 数据驱动视图 ,即:修改数据来导致视图的更改。数据可绑定到html的字符、标签属性等之上,修改数据等于修改html标签或者属性。想象一下,当将数据绑定到class属性上时,数据变了,class样式自动修改。有过Extjs等前端MVC框架开发基础的都知道,修改class等操作是需要在control层的js文件中进行操作的,而MVVM框架将这部分操作封装起来,在框架底层完成。我们只需关注数据的变化。
    
    MVVM的另一个优点是,在框架底层优化了dom操作,尤其在大量的数据与dom绑定时,普通程序员面对这样的操作并不能提供高效的、优化的解决方案。优化后的control操作被隐藏在框架底层,带来的是页面整体性能的提高,甚至带来类似手机原生app的流畅效果


Vue、React、AngularJS简介及对比

    2016年最热的(不一定准确)三个移动端框架Vue、React、AngularJS,如何取舍需要我们在网上查资料进行对比,当然,如果没有使用过这三个框架,直接看别人的对比介绍比较容易产生困惑。推荐两篇觉得比较中肯的对比贴文:
    
    1、ANGULAR VS. EMBER VS. REACT 如何选择前端框架

    2、Vue 和 React 的使用场景和深度有何不同?

    就个人体会而言,AngularJS的学习曲线还是比较高的。如果现阶段你不需要做混合应用搞开发的话,vue是快速上手,快速生产的不二之选。vue有详细完整的中文入门官方文档和api、活跃的社区。当然,即便这样,掌握前面介绍的知识点依然很重要。

猜你在找的React相关文章