初识 Vue.js

实验介绍

终于等到你～

图片描述

每当我们开始接触一门新事物、或者学习一项新技能的时候，大致都会有这样一个心理特征：对它好奇，并且想要了解更多。当你打开现在这个实验的时候，想必也是这样的心情吧。😊 那么，让我们一起来认识一下传说中的 Vue.js（后续简称 Vue）吧！

本实验将会带着大家一起了解什么是 Vue，它是如何发展成为目前最流行的前端框架之一的，以及它的特别之处。

事不宜迟，我们开始吧～ 🛫️

Vue（读音 /vjuː/，类似于 view）是目前最流行的、国产的前端 MVVM 框架，是一套用于构建用户界面的渐进式框架。

注，关于 “MVVM”、“渐进式”的概念，后续会有专门解读，这里先不展开讲解。

上面之所以说它是国产的，是因为它的作者是个华人—— ✨ 尤雨溪 ✨ （前 Google 员工）。

附上大神靓照以供膜拜～ 👇

图片描述

另外，再附上他的 GitHub 账号，为大家提供一个近身接触本人的机会。😜

Vue 正式发布于 2014 年 2 月，截止目前为止（21 年 10 月）在 GitHub 上已经拥有 189k 颗 🌟。

Vue 涉及到的官方网站：

国内也有很多公司在使用 Vue 做开发，比如：饿了么。

图片描述

接下来，我们来看看它是如何从默默无闻变成前端框架之星 🌟 的～

大家可以直接在 Vue.js Github Releases 上找到 Vue 各个版本的发布情况。

下面我们也根据该网页上的信息，为大家简单罗列一下它的发展历程：

2014 年 2 月，0.9.0 版本发布
- 至此 Vue 有了自己的代号（Animatrix），此后，重要的版本都会有自己的代号。
2015 年 10 月，1.0.0 版本正式发布
- 这也是 Vue 历史上的第一个里程碑。同年，vue-router、vuex、vue-cli 相继发布，标志着 Vue 从一个视图层库发展为一个渐进式框架。
2016 年 10 月，2.0.0 正式发布
- 它吸收了 React 的虚拟 DOM 方案，还支持服务端渲染。自从 Vue 2.0 发布之后，Vue 就成了前端领域的热门话题。
2019 年 2 月，发布了 2.6.0 版本
- 这是一个承前启后的版本，在它之后，将推出 3.0.0。
2019 年 12 月，在万众期待中，尤雨溪公布了 Vue 3 源代码。
2020 年 9 月，Vue 3.0.0（One Piece）版本正式发布
- 这又是 Vue 的一个里程碑。更快、类型更友好、更小、更好的警告信息、更好的 API 特性等等。

了解了它的发展历程，再看下它都有哪些特点。

Vue 之所以非常火 🔥 ，是因为它本身的一些突出的特点，它简单易学、开箱即用、体积小、性能高。除了其它框架有的它都有之外，还有一些别的框架不具备的特点，比如：双向数据绑定、单文件组件（SFC）等等。总结下来，Vue 具备以下特点：

下面我们对以上特点中的某些抽象概念做下简要说明。

所谓渐进式，我们可以理解为一步一步的意思，也就是说，当我们使用 Vue 的时候，不需要把它的所有东西都用上，可以根据实际情况合理选择我们需要的部分。

方便大家理解，我们来看下面这张图片：👇

图片描述

如上图所示，声明式渲染和组件系统是 Vue 的核心库所包含的内容，而客户端路由、状态管理、构建工具等都有专门的解决方案。这些解决方案相互独立，你可以在核心的基础上任意选用其它部件，不一定要全部整合在一起。

与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层（HTML DOM），不仅易于上手，还便于与第三方库或既有项目整合。

另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

使用 Vue 可以让 Web 开发变得更简单，同时也颠覆了我们传统的前端开发模式，它提供了现代前端开发法中的常见高级功能。比如：

上面这些高级功能在后续的学习过程中会有具体体现，这里就不再一一展开讲解。

另外，如果你已经是有经验的前端开发者，想知道 Vue 与其它库/框架有哪些区别，请查看对比其它框架。

以上就是本实验的全部内容，最后我们来对本节课做下总结！

本节课为大家介绍了什么是 Vue.js，以及它的发展历程和特点。

通过学习，想必大家对 Vue.js 这个前端必备技能之一有了一定了解。但是，相信大家也对其中提到的好多概念表示迷茫懵懂。别担心，随着后续的深入学习，相信大家很快就会守得云开见月明，我们下节课再见～ 👋