vue生态

vue框架（mvvm）

优点：

• 轻量级框架，语法简单，学习成本低
• 双向数据绑定
• 组件化开发
• 数据和结构的分离
• 虚拟DOM
• 运行速度快
• 灵活渐进式框架

缺点：

• 不支持IE8

Vue和Angular的对比

1. 灵活性和模块化

   • Vue.js 是一个更加灵活开放的解决方案。它允许你以希望的方式组织应用程序，而不是在任何时候都必须遵循 AngularJS 制定的规则，这让 Vue 能适用于各种项目。我们知道把决定权交给你是非常必要的。

   • 这也是为什么我们提供了一个基于 Vue.js 进行快速开发的完整系统。Vue CLI 旨在成为 Vue 生态系统中标准的基础工具。它使得多样化的构建工具通过妥善的默认配置无缝协作在一起。这样你就可以专注在应用本身，而不会在配置上花费太多时间。同时，它也提供了根据实际需求调整每个工具配置的灵活性。

2. 数据绑定
   • AngularJS 使用双向绑定，Vue 在不同组件间强制使用单向数据流。这使应用中的数据流更加清晰易懂。
3. 指令与组件
   • 在 Vue 中指令和组件分得更清晰。指令只封装 DOM 操作，而组件代表一个自给自足的独立单元——有自己的视图和数据逻辑。在 AngularJS 中，每件事都由指令来做，而组件只是一种特殊的指令。
4. 运行时性能

   • Vue 有更好的性能，并且非常非常容易优化，因为它不使用脏检查。

   • 在 AngularJS 中，当 watcher 越来越多时会变得越来越慢，因为作用域内的每一次变化，所有 watcher 都要重新计算。并且，如果一些 watcher 触发另一个更新，脏检查循环 (digest cycle) 可能要运行多次。AngularJS 用户常常要使用深奥的技术，以解决脏检查循环的问题。有时没有简单的办法来优化有大量 watcher 的作用域。

   • Vue 则根本没有这个问题，因为它使用基于依赖追踪的观察系统并且异步队列更新，所有的数据变化都是独立触发，除非它们之间有明确的依赖关系。

   • 有意思的是，Angular 和 Vue 用相似的设计解决了一些 AngularJS 中存在的问题。

Vue和React渲染速率

• 

• React 和 Vue 都是非常快的，所以速度并不是在它们之中做选择的决定性因素。对于具体的数据表现，可以移步这个第三方 benchmark，它专注于渲染/更新非常简单的组件树的真实性能。

VUE生态

1. Vue组件库(UI)
   • element - 饿了么出品的Vue2的web UI工具套件
   • iview - 基于 Vuejs 的开源 UI 组件库
   • mint-ui - Vue 2的移动UI元素
   • vue-core-image-upload - 轻量级的vue上传插件
2. 构建工具
   • webpack 现代 JavaScript应用程序的静态模块打包器
3. VUE开发和工具
   • vuex Vue.js 应用程序开发的状态管理（核心）
   • vue-router 构建单页应用下的路由管理器（核心）
   • Vue.js 服务器端渲染（核心）
   • vue-cli Vue脚手架工具
   • babel 将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中
   • postcss css预处理工具
   • vue-axios - 将axios整合到VueJS的封装
   • lazy-vue - 懒加载图片
4. 开发规范
   • eslint 代码编码格式检查工具