什么是 Vue.js
首先看一下 Vue.js 的官方文档。
Vue 是一套构建用户界面的渐进式框架。与其他大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易上手,还便于与第三方库或已有项目整合。
对于刚接触 Vue 的读者来说,以上官方简介并不是很好理解。通俗地讲,Vue 只是一个工具,并且是一个只能在浏览器中运行的工具,其作用是将 Ajax 获取到的数据进行页面整合。
当前流行的前端框架
当前比较流行的前端框架,分别是 Angular.js、React.js 和 Vue.js。
-
Angular.js 发布于 2009 年,是由谷歌团队发布的。
-
React.js 发布于 2013 年,是由 Facebook 团队发布的。
-
Vue.js 发布于 2014 年,是由我国程序员尤雨溪发布的。
为什么要学习Vue.js
随着前端行业的不断发展,现在的前端技术人员不只做 HTML 页面、写 JS 特效,更多的是需要和后端人员配合,调用后端接口,拿到数据并且渲染到页面上。
在只做静态页面的时代,后端人员眼中的前端人员只是一个切图的。随着前后端的分离,前端人员和后端人员也变成了 “平起平坐” 的局面。
从设计理念上看,以前渲染数据是通过 Ajax 获取,获取到数据之后,经过循环遍历数据,然后拼接数据,最后进行页面整合,在整个过程中需要操作大量的 DOM 元素,是非常烦琐的,即使后来有了 jQuery,但是本质上没变,依然是操作 DOM 元素。Vue.js 的出现,实现了不需要操作 DOM 元素也可以把数据和页面进行整合。Ajax 获取到数据之后,只需要给 Vue,Vue 会进行循环、拼接、渲染等,我们无须再操作 DOM 元素。