Vue
作者:尤雨溪
Vue.js 是一套构建用户界面的 渐进式框架。
https://cn.vuejs.org/v2/guide/
Vue介绍:
特点:MVVM框架、双向数据绑定原理、数据驱动、易学、轻量、组件化、简洁、高效、模块友好
MVVM框架:Model(模型) View(视图) View Modle(视图数据)
VM:通过视图去操作数据,也能通过数据操作视图(双向数据绑定)
拓展 MVC:Model View Control (模型、视图、控制器)
Vue和angular简单对比:
Vue----简单,易学,弱主张,只要会点html、css、js,加点vue的思想就能学会(自由)
指令以v-xxx,属性方法均挂在Vue的实例上,适用于移动端项目
angular---学习曲线陡峭,框架粘性很强(强主张)只要一开始用,那么这个项目就要一直用它,不能喝别的框架耦合。
指令以ng-xxx,属性方法均挂在$scope上,使用与pc端项目
均不支持IE8以下版本
vue 对比 react 的优势:
1. API设计上简单,语法简单,学习成本低
2. 基于依赖追踪的观察系统,并且异步队列更新
3. 简单的语法及项目搭建 ,更快的渲染速度和更小的体积
4. 渲染性能
渲染用户界面的时候,dom的操作成本是最高的,那为了尽可能的减少对dom的操作,Vue和React都利用虚拟DOM来实现这一点,但Vue的Virtual DOM实现(一个陷阱的叉子)的权重要轻得多,因此比React的引入开销更少。
Vue 和 React 也提供功能性组件,这些组件因为都是没有声明,没有实例化的,因此会花费更少的开销。当这些都用于关键性能的场景时,Vue 将会更快。
5. 更新性能
在react中,当一个组件的状态发生变化时,它将会引起整个组件的子树都进行重新渲染,从这个组件的根部开始。那为了避免子组件不必要的重新渲染,您需要随时使用shouldComponentUpdate,并使用不可变的数据结构。 在Vue中,组件的依赖关系在它的渲染期间被自动跟踪,因此系统准确地知道哪些组件实际上需要重新渲染。这就意味着在更新方面,vue也是快于React
在开发中,Vue 每秒最高处理 10 帧,而 React 每秒最高处理不到 1 帧。这是由于 React 有大量的检查机制,这会让它提供许多有用的警告和错误提示信息。vue在实现这些检查时,也更加密切地关注了性能方面。