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 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...