新蜂商城开源仓库（内涵 Vue 2.x 和 Vue 3.x 的 H5 商城开源代码，带服务端 API 接口）：https://github.com/newbee-ltd Vue 3.x + Vant 3.x + Vue-Router 4.x 高仿微信记账本开源地址（带服务端 API 接口）：https://github.com/Nick930826/daily-cost
前言
Vue 3.0 出来之后，我一直在不断的尝试学习和接受新的概念。没办法，作为一个前端开发，并且也不是毕业于名校或就职于大厂，不断地学习，培养学习能力，才是我们这些普通前端开发的核心竞争力。当然，有些同学抬杠，我专精一门技术，也能开发出自己的核心竞争力。好！！！有志气。但是多数同学，很难有这种意志力。如 CSS 大佬张鑫旭、 Canva 大佬老姚、可视化大佬月影大大、面试题大佬敖丙等等等等。这些大佬在一件事情上花费的精力，是需要极高的意志力和执行力才能做到的。我反正做不到（逃）。
本文主要是介绍一些我学习 Vue 3.0 期间，看过的一些比较有用的资源，和大家分享一下，不喜勿喷，喷了我直接对喷。
Vue 3.0 相关技术栈
| 相关库名称 | 在线地址 🔗 |
|---|---|
| Vue 3.0 官方文档(英文) | 在线地址 |
| Vue 3.0 中文文档 | 在线地址 国内加速版 |
| Composition-API手册 | 在线地址 |
| Vue 3.0 源码学习 | 在线地址 |
| Vue-Router 官方文档 | 在线地址 |
| Vuex 4.0 | Github |
| vue-devtools | Github(Vue3.0 需要使用最新版本) |
| Vite 源码学习 | 线上地址 |
| Vite 2.0 中文文档 | 线上地址 |
更新 Vue 3.0 的开源 UI 组件库
Vue 2.0 时期，产生了不少好的开源组件库，这些组件库伴随着我们的成长。我们看看哪些组件库更新了 Vue 3.0 版本。
Element-plus
简介：大家想必也不陌生，它的 Vue 2.0 版本是 Element-UI，后经坤哥和他的小伙伴开发出了 Vue 3.0 版本的 Element-plus，确实很优秀，目前点赞数快破万了，持续关注。
仓库地址 🏠 ：https://github.com/element-plus/element-plus ⭐ ： 8.8k
文档地址 📖 ：https://element-plus.gitee.io/#/zh-CN
开源项目 🔗 ：
- 基于vue3 的管理端模板 ⭐ ： 237
- Vue3.0+TypeScript+NodeJS+MySql编写的一套后台管理系统 ⭐ ： 262
目前 Element-plus 的开源项目还不多，之前 Element-UI 相关开源项目，大大小小都在做 Element-plus 的适配。在此也感谢坤哥和他的小伙伴们，持续 Element 系列的维护，这对 Vue 生态是非常强大的贡献。
Ant Design of Vue
简介：它是最早一批做 Vue 3.0 适配的组件库， Antd 官方推荐的组件库。
仓库地址 🏠 ：https://github.com/vueComponent/ant-design-vue ⭐ ： 13.8k
文档地址 📖 ：https://antdv.com/docs/vue/introduce-cn
开源项目 🔗 ：
- AntdV后台管理系统 ⭐ ： 2.8k
- vue3.x + ant-design-vue（beta 版本，免费商用，支持 PC、平板、手机） ⭐ ： 8.2k
- 基于 Vue3.0 + Vite + Ant Design Vue ⭐ ： 74
他们的更新维护还是很积极的，最近一次更新实在 2021 年 2 月 27 号，可见这个组件库还是值得信赖的，有问题可以去 issue 提。
Vant
简介：国内移动端首屈一指的组件库，用过的都说好，个人已经在两个项目中使用过该组件库，也算是比较早支持 Vue 3.0 的框架，该有的都有。
仓库地址 🏠 ：https://github.com/youzan/vant ⭐ ： 16.9k
文档地址 📖 ：https://vant-contrib.gitee.io/vant/v3/#/zh-CN
开源项目 🔗 ：
NutUI 3
简介：京东团队开发的移动端组件库，近期才升级到 Vue 3.0 版本，文章在此。虽然我没有使用过这个组件库，但是从他们的更新速度来看，比其他很多组件库要快，说明对待最近技术，还是有态度的。
仓库地址 🏠 ：https://github.com/youzan/vant ⭐ ： 2.8k
文档地址 📖 ：https://nutui.jd.com （看看这简短的域名，透露出壕的气息）
开源项目 🔗 ：基本上还没有见到有公开的开源项目，如果有还望大家积极评论。
Vue 3.0 实战视频学习
| 相关库名称 | 在线地址 🔗 |
|---|---|
| Vue 3.0 实战星座物语 H5 项目 | 在线地址 |
| Vue 3.0 UI 组件库开发 | 在线地址 |
| Vue 3.0 + Vite 手册阅读 | 在线地址 |
| Vue 3.0 入门之项目搭建（杨村长） | 在线地址 |
| Vue 3.0 入门（技术胖） | 在线地址 |
| Vite 2.0 插件开发指南 | 在线地址 |
| Vue 3.0 + Vite 2.0 快速搭建 Electron 应用 | 在线地址 |
上述视频，本人都学习过，质量可控，希望对大家入门 Vue 3.0 有帮助。
总结
学习是一辈子的事，不光指学习计算机技术，生活的方方面面都需要保持一个学习的心，祝大家学习愉快。
若有收获，就点个赞吧
0 人点赞
