Vue 快速入门

官方网站：https://cn.vuejs.org

由前谷歌员工尤雨溪主导开发的一款前端应用开发框架！

是目前前端开发市场上，最主流的开发框架之一！

官方文档网站：https://cn.vuejs.org/v2/guide/

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

关于Vue的版本问题

2016年，开始整理前端框架，Vue的版本：0.x.x版本，市场上有部分公司已经采用该框架开发项目

• AngularJS、ReactJS、VueJS

2017年，Angular的跨版本升级，导致学习路线非常陡峭；导致国内大部分公司开始弃用Angular

• VueJS迅速发展并占领市场，1.x.x版本被大部分公司所认可；
• VueJS（+）、ReactJS、AngularJS（-）

2018年之后，VueJS框架在国内大部分公司的使用场景开始逐渐成熟，开始测试并推出2.x.x

• 接下来的几年，Vue 2.x占据国内主要开发市场；
• 国内一些一线大厂以及大型项目，依然采用React重量级前端框架保障稳定性

至今：前端开发技术，核心主要集中

• VueJS框架
• React框架

VueJS版本问题：

• 2.x：市场主流版本
• 3.x：官方团队2022年2月开始在生态体系中主要支持，并推荐企业采用3.x架构自己的项目

（1） 什么是Vue

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

Vue是前谷歌员工尤雨溪主导研发的、一款用于前端应用快速构建的、侧重于视图渲染的 应用级框架！

关于官方说明中的一些专业术语

• 构建用户界面：侧重于网页开发的
• 渐进式框架：网页中需要的数据，数据的逻辑性处理以及最终网页中的合理渲染进行了良好的支持
• 自底向上（项目规模）逐层应用：从单个网页效果开发、到大型项目应用集成，都进行了完善的支持
• 只关注视图层：作为前端框架，从获取数据之后，专门研究如何更好的服务界面，提高用户体验
• 易于上手：本质上使用的html/css/javascript语法， 没有更高的学习成本
• 便于整合：可以和多项主流技术很合开发的成本很低，不需要学习新的结合性技术
• 现代化工具链：第三方提供的各种综合技术，提供功能拓展
• 支持类库：Vue生态链
• 单页应用：前端应用一种新的开发模式，整合项目只有一个HTML网页

（2） 为什么要使用Vue

项目开发的本质，为的是解决生活中存在的问题；

项目是属于企业的，企业存在的本质是盈利！

提高项目开发效率，不论是技术层面，还是社会层面都是发展的一个必要的趋势！

学习技术的重点：

• 结合社会现状，结合企业现状，学习最主流的技术；服务工作

学习一项新的技术，从技术面分析它有自己的独到之处：

学习Vue的重点：

• Vue是现在主流的前端开发框架
• 提供DIFF算法支持，优异的视图渲染性能，提高用户的使用体验
• Vue提供了虚拟DOM结构，提高前端视图更新效率
• Vue提供了完善的技术生态，极大的提高了前端应用开发效率
• Vue同时开发多个版本，包含市场主流版本以及未来的使用趋势