背景
因为要做全栈，我本身又是后端出身，前端的知识还停留在十几年前的水平。着手学习Vue的时候，Vue3.x版本已经发布可惜还是不是release版本，网上的很多例子都是基于Vue2.x版本，出了不少错误，没少耗时。现在我基本上都学习一遍了，现在把我用的组件版本整理如下。如果你也在学习Vue3.x，当你读到我的文章的时候，希望能够给你带来帮助，少走弯路。
组件介绍
- 做一个前端项目只有vue3.x还不行，我前面的文章也介绍了如何开启一个vue3.x的项目，大家可以去学习。
- 我用的组件分别是：这些组件都是针对Vue3.X的，大家注意下next标记，Vue2.x配套的是不带next的。
- 路由：vue-router-next
- 状态管理：vuex-next
- 消息总线：mitt
- UI：Element-plus，我用的是它，也有其他组件，大家看个人习惯
- HTTP 库：Axios
- 脚手架：@vue/cli，帮我们创建项目，建议大家使用，我看有的文档上说，新手用命令一点一点敲，等熟练后再使用脚手架。我不这样认为，现在网上好多帖子都在说如何使用cli创建，完全可以通过看这些文章搞定这些疑问。我的《手把手学习Vue3.0系列》就解决了这个问题，我这篇文章也是解决版本对照问题和基本组件汇总。
- 下表是我的工程里面的版本，都是最新版本。
组件明细
UI库：Element-plus
- API地址： element-plus.gitee.io/#/zh-CN/com…，从官网也能连接过去
- 安装命令： npm install element-plus --save
- Git地址： github.com/element-plu…
路由：vue-router-next
- 官网地址： next.router.vuejs.org/
- 安装命令： npm install vue-router@4 --save
- Git地址： github.com/vuejs/vue-r…
状态管理：vuex-next
- 官网地址： next.vuex.vuejs.org/，很奇怪这个竟然不是类似router的官网地址。
- API地址： next.vuex.vuejs.org/
- 安装命令： npm install vuex@next --save
- Git地址： github.com/vuejs/vuex/…
事件总线：mitt
- API地址： api地址也在这里面，看README.md
- 安装命令： npm install mitt --save
- Git地址： github.com/developit/m…
HTTP库：axios
- 官网地址： www.axios-js.com/，暂时不能翻墙，就放个中文文档占位。
- API地址： 可以从Git地址中的Readme学习，也可以从中文网学习。www.axios-js.com/
- 安装命令： npm install axios --save
- Git地址： github.com/axios/axios
脚手架：@vue/cli
- 官网地址： cli.vuejs.org/zh/
- API地址：cli.vuejs.org/zh/guide/
- 安装命令： npm install -g @vue/cli，这个是全局安装
- Git地址： github.com/vuejs/vue-c…
总结
- 启动一个vue的前端项目，基础组件基本上都引用完成了，Vue3.x对应的版本、安装命令、api、官网都给大家总结好了。
- 其他的组件库就是常用的JS组件库了，这些跟Vue本身没有关联关系了，存JS应用了。
- 再次强调下，2.X的相应组件的安装命令是由区别的
- 希望这个总结对版本迷惑的同学有帮助，感谢关注，一键三连，一起交流学习。
