VUE 3.0 学习探索入门系列 - 回顾 vue2 辉煌一生（2）

本文主要是介绍VUE 3.0 学习探索入门系列 - 回顾 vue2 辉煌一生（2），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1 Vue 数据一览

统计截止：2020-03-10

vuejs/vue 项目 Github Stars：159k，排行 JavaScript 语言类 第2名
vuejs/vue 项目尤大自 2016年以来 commits 次数：53w+，90% 代码出自他手，简直是劳模
vuejs 仓库总共有 108 个工程，生态完善
vuejs 所有项目参与开发者：21人，全职人员应该不多
使用 vue 开发的项目，无数！

2 Vue 核心卖点

vue 上手容易
vue 生态丰富完整
vue 文档清晰明了

3 Vue 高效开发

Vue 只所以能成功，容易上手是最大的因素。

就拿许多搞 java 的童鞋来说，他们还停留在 jQuery 时代。

3.1 5分钟看到效果

你只要稍微告诉他下，5分钟就可以上手，这就是优势：

安装 Node 环境
- nodejs.org/en/download…
安装 Vue Cli 脚手架
- npm install -g @vue/cli
创建一个新工程
- vue create my-project
- 一直回车 Enter
打开浏览器访问
- http://localhost:8080/

对于新手，当他第一眼能看到界面效果，那种激动之情，溢于言表。

3.2 强大的 .vue 组件

<template> </template> <script> export default { } </script> <style scoped> </style>复制代码

3.3 优秀的 Options 设计

Options 数据
- data
- props
- computed
- methods
- watch
Options Dom
- el
- template
- render
Options 生命周期钩子
- beforeCreate
- created
- beforeMount
- mounted
- beforeUpdate
- updated
- activated
- deactivated
- beforeDestroy
- destroyed
Options 资源
- directives
- filters
- components
Options 组合
- parent
- mixins
- extends
- provide / inject

4 Vue 生态体系

以下是 Vue 生态中的基础能力：

4.1 Vue Cli 快速起步

cli.vuejs.org/zh/

快速创建一个 vue 项目

4.2 Vue Devtools 方便调试

github.com/vuejs/vue-d…

Chrome/FF 的浏览器插件，方便调试 vue 项目

4.3 Vue Router 配置路由

router.vuejs.org/zh/

vue 项目菜单路由配置

4.4 Vuex 管理数据

vuex.vuejs.org/zh/

通过 vuex 轻松管理数据，组件之间共享数据

4.5 Vue SSR 服务端渲染

ssr.vuejs.org/zh/

服务端渲染，提高效率，提升体验，优化SEO

以上基础能力就相当于当年的 jQuery 一样，只是针对 JavaScript 层面的。而一个完整的页面，需要的三驾马车，还缺失 Html 和 Css，所以还需要有类似于 Bootstrap 类似的组件库。

以下是 Vue 生态中的优秀的 UI 组件库：

4.6 Element UI 桌面端UI

element.eleme.cn/#/zh-CN

一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

Github Stars：44.1k

4.7 View UI 桌面端UI

iviewui.com/

一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品

Github Stars：1.2k（由 iview 改名为 view ui，仓库变更，可能没包含旧 iview 的 stars）

4.8 Vant 移动端UI

youzan.github.io/vant/#/zh-C…

轻量、可靠的移动端 Vue 组件库

Github Stars：12.9k

Vue 的生态体系远不止以上提到的几个大件，还有包括：Babel 的 vue 插件、Webpack 的 vue 插件等等，当你构建一个项目时到后期时可能都会用到。
什么是成熟的生态体系？就是你项目中遇到的问题，基本都有人遇到过了，而且基本都有解决办法！这也就是 vue 2.x 成熟的地方了。
当然，牛逼不能吹的太大，不是所有的问题 vue 都能解决，这也就是接下来会有的 vue3.x

5 Vue 文档中心

不可否认的一点，Vue 的文档内容清晰，排版合理，细致周到。

要我说 Vue 文档最让我满意的一点：中文文档

作为对比，大家可以看看 Nodejs 的 ORM 库 Sequelize 的 API，简直无力吐槽。

当然，除了以上几个比较正式的文档地址外，还有一些相关文档，但是上手门槛比较高（英文）：

5.5 Vue RFCs

github.com/vuejs/rfcs

Vue 的请求建议稿仓库，所有需要民调的，尤大都会在这里发布，比如：Vue3.x 的一些新特性。

5.6 Vue School

vueschool.io/

一个国外的 Vue 博客，内容很新，更新很及时。博客的维护者，都是行业专家， Vue 核心开发人员。

6 Vue Conf 布道

Vue Conf，Vue Conference 的简称，即：Vue 大会。

从2017年开始，截止目前 Vue 大会已经在中国开展了3次，国外也有多次。

不得不佩服尤大的精力和执行力！一个贡献了 Vue 90% 的前端开发工程师，还要天南海北的跑演讲，增加影响力！

前端开发中，最懂产品的
前端开发中，最会营销的

以下是国内的3次 Vue Conf 资料：

（本文完）

这篇关于VUE 3.0 学习探索入门系列 - 回顾 vue2 辉煌一生（2）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Javascript