Vue教程

什么是Vue

Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架,Vue 只关注视图层,采用自底向上增量开发的设计,它不仅易于上手,还便于与第三方库或既有项目整合。

Vue.js 是前端的主流框架之一,和 Angular.js、React.js 一起,并称为前端三大框架。

Vue.js 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性,但它支持所有兼容ECMAScript 5 的浏览器。

什么是渐进式框架

渐进式代表的含义是:主张最少。

每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度会影响在业务开发中的使用方式。

比如说,Angular,它两个版本都是强主张的,如果你用它,必须接受以下东西:

  • 必须使用它的模块机制。
  • 必须使用它的依赖注入。
  • 必须使用它的特殊形式定义组件(这一点每个视图框架都有,难以避免)。

所以 Angular 是带有比较强的排它性的,如果你的应用不是从头开始,而是要不断考虑是否跟其他东西集成,这些主张会带来一些困扰。

Vue.js 它是渐进的,没有强主张,你可以在原有大系统的上面,把一两个组件改用它实现,当 jQuery 用;也可以整个用它全家桶开发,当 Angular 用;还可以用它的视图,搭配你自己设计的整个下层用。你可以在底层数据逻辑的地方用 OO 和设计模式的那套理念,也可以函数式,都可以,它只是个轻量视图而已,只做了自己该做的事,没有做不该做的事,仅此而已。

渐进式的含义,通俗的理解是:没有多做职责之外的事。

什么是自底向上增量开发

自底向上设计是一种设计程序的过程和方法,就是先编写出基础程序段,然后再逐步扩大规模、补充和升级某些功能,实际上是一种自底向上构造程序的过程。

Vue诞生背景

近几年来,得益于手机设备的普及和性能的提升,移动端的 web 需求大量增加,产生了一种叫 webapp 的东西,也就是移动端的网页应用。它们功能越来越复杂,交互也越来越酷炫,功能与效果越来越接近于原生的 APP。

这种 webapp 它们不仅仅像 h5 营销网页一样有酷炫的效果,它们还有复杂的点击、输入、下拉选择,视图切换等复杂的交互。在这样的业务需求下,我们还是沿用 PC 端的开发方案,难免会不太合适。

在移动端接收用户输入的同时,很可能要及时更新视图,比如用户输入不同的内容,页面就会相对应进行更新,点击不同的选项,就会显示不同的状态等等交互效果。一旦这种交互多了,你要手动地进行操作,代码就容易变得复杂和难以维护。

为了解决 webapp 这些的体验和开发上的不足,尤雨溪开发了 Vue.js。

Vue作者

尤雨溪是 Vue.js 框架的作者,HTML5 版 Clear 的打造人。

尤雨溪毕业于上海复旦附中,在美国完成大学学业,本科毕业于 Colgate University,后在 Parsons 设计学院获得 Design & Technology 艺术硕士学位,现任职于纽约 Google Creative Lab。

2014 年 2 月,开源了一个前端开发库 Vue.js。Vue.js 是构建 Web 界面的 JavaScript 库,是一个通过简洁的 API提供高效的数据绑定和灵活的组件系统。

Vue教程总结

Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架,Vue 只关注视图层,采用自底向上增量开发的设计,它不仅易于上手,还便于与第三方库或既有项目整合。

Vue.js 是前端的主流框架之一,和 Angular.js、React.js 一起,并称为前端三大框架。