背景

组件介绍

• 做一个前端项目只有vue3.x还不行，我前面的文章也介绍了如何开启一个vue3.x的项目，大家可以去学习。
• 我用的组件分别是：这些组件都是针对Vue3.X的，大家注意下next标记，Vue2.x配套的是不带next的。

• 下表是我的工程里面的版本，都是最新版本。

组件明细

UI库：Element-plus

• 官网地址： element-plus.gitee.io/#/zh-CN

• 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/

• API地址： next.router.vuejs.org/installatio…

• 安装命令： 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…

​​​​​​​

总结