# Vue2教程 - 1 Vue简介
# 1.1 什么是Vue
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。（来自官网）
上面描述的不像人话，说白了就是一个开发前端页面的框架，一开始使用原生 Javascript 开发页面，后来使用 Jquery 又方便了很多，现在使用 Vue 更方便了。
# 1.2 Vue的优势
但是对于我而言，第一个问题是为什么使用 Vue，和传统的前端开发有什么不同？
相比于传统的前端开发，Vue 的优势主要体现在如下几个方面：
- 双向数据绑定
- 在传统的前端开发中，如果要修改页面元素，需要先获取到页面DOM元素，然后对元素进行操作；
- 在Vue中，通过双向数据绑定，修改数据，页面元素会自动重新渲染；修改页面元素，也会同步到Vue的数据。
- 组件化开发
- 在传统的前端开发中，页面通常被看作是一个整体，开发者会直接在HTML文件中编写页面结构、CSS样式和JavaScript逻辑，当页面变得复杂时，代码会变得难以维护，而且页面中的每个部分很难复用。
- 在Vue.js中，页面被拆分成多个可复用的组件。例如，一个电商网站的首页可以拆分成商品列表组件、搜索框组件、轮播图组件等。每个组件都包含自己的模板、逻辑和样式，可以独立开发、测试和维护。而且可以很方便的复用。
- 单页面应用支持
- 传统的前端开发通常通过多页面应用（MPA）的方式来实现网站的功能。每个页面都是独立的HTML文件，用户在不同的页面之间切换时，浏览器会重新加载整个页面。
- Vue.js支持单页应用（SPA）的开发。通过定义前端路由，实现页面的无刷新切换。这种方式减少了页面的加载时间，提高了用户体验，并有利于SEO优化。
- 轻量和高效
- 传统的前端开发，随着项目规模的增大，开发可能会引入大量的库和框架，导致项目体积庞大，加载速度慢，性能下降。
- Vue.js的核心库体积小巧，加载速度快。同时，Vue.js使用了虚拟DOM技术来优化DOM操作，提高了页面的渲染效率。这使得Vue.js在性能和加载速度方面表现出色。
- 丰富的生态系统和第三方组件库
- 传统前端开发在生态系统方面可能相对较弱，缺乏丰富的第三方库和插件支持，导致开发者需要自行实现一些功能。
- Vue 拥有一个庞大的社区和丰富的生态系统。社区中提供了大量的第三方库、插件和工具，如 Element UI 等。这些资源可以帮助开发者快速构建功能丰富、性能优越的Web应用。
当里个当，闲言碎语不要讲，赶紧进入正题。