vue.js 概要介绍

1.1 Vue.js 介绍

• Vue 是什么

  • 主流的渐进式 JavaScript 框架

• 什么是渐近式

  • 可以和传统的网站开发架构融合在一起，例如可以简单的把它当作一个类似 JQuery 库来使用。
  • 也可以使用Vue全家桶框架来开发大型的单页面应用程序 。

• 使用它的原因

  • vue.js 体积小，编码简洁优雅，运行效率高，用户体验好.
  • 无Dom操作，它能提高网站应用程序的开发效率

• 什么场景下使用它

• • 一般是需要开发单页面应用程序 （Single Page Application, 简称:SPA） 的时候去用
  • 单页面应用程序，如：网易云音乐
  • 因为 Vue 是 渐进式 的，Vue 其实可以融入到不同的项目中，即插即用

1.2 发展历史

• 作者：尤雨溪（微博：尤小右），一位华裔前 Google 工程师，江苏无锡人。2013年12月8号在 GitHub 上发布了 0.6 版
  • 个人博客：http://www.evanyou.me
  • 新浪微博：http://weibo.com/arttechdesign
  • 知乎：https://www.zhihu.com/people/evanyou/activities
• 2015年10月份正式发布了 1.0 版本，开始真正的火起来
• 2016年10月份正式发布了 2.0 版
• 2019.4.8号发布了 Vue 2.5.10 版本 https://github.com/vuejs/vue/releases
• 1.x 版本老项目可能还在用，新项目绝对都是选择 2.x

1.3 对比其他前端 JS 框架

• Angular

  • 2009 年诞生的，起源于个人开发，后来被 Google 收购了。
  • 核心技术： 模板 和 数据绑定 技术。

• React

  • 2013年5月开源的，起源于 Facebook 的内部项目，对市场上所有 JS 框架都不满意，于是自已写了一套。
    • 核心技术： 组件化 和 虚拟DOM 技术。

• Vue.js

  • 吸收了上面两个框架的技术优点。

• vue与AngularJS的区别

  • 相同
    • 都支持指令：内置指令和自定义指令；都支持过滤器：内置过滤器和自定义过滤器；都支持双向数据绑定；都不支持低端浏览器。
  • 不同
    • AngularJS的学习成本高，比如增加了Dependency Injection特性，而Vue.js本身提供的API都比较简单、直观；在性能上，AngularJS依赖对数据做脏检查，所以Watcher越多越慢；Vue.js使用基于依赖追踪的观察并且使用异步队列更新，所有的数据都是独立触发的。

• vue与React的区别

  • 相同
    
    • React采用特殊的JSX语法，Vue.js在组件开发中也推崇编写.vue特殊文件格式，对文件内容都有一些约定，两者都需要编译后使用；中心思想相同：一切都是组件，组件实例之间可以嵌套；都提供合理的钩子函数，可以让开发者定制化地去处理需求；都不内置列数AJAX，Route等功能到核心包，而是以插件的方式加载；在组件开发中都支持mixins的特性。
  • 不同
    • React采用的Virtual DOM会对渲染出来的结果做脏检查；Vue.js在模板中提供了指令，过滤器等，可以非常方便，快捷地操作Virtual DOM。

使用情况

• BAT 级别的企业：React 最多 > Angular > Vue.js
• 中小型公司：Vue.js 更多一些，有中文文档学习成本低。

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟 ECMAScript 5 特性。（推荐使用最新谷歌浏览器）