前面介绍了vue项目的基本结构，那现在就开始撸个自己的前端页面吧。
首先，需要了解的一个很重要的概念就是路由，路由可以理解为我们常说的菜单，后面的项目中我们将使用vue官方推荐的路由机制，使用Vue Router(官网教程地址：https://next.router.vuejs.org/zh/guide/)，一贯原则，官网的东西就不照搬了，都是中文，相信大家应该都看的明白。
其次，还有一个内容就是状态管理，我们知道http协议是无状态的，但很多页面数据是需要共享的：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化；基础概念读读官网就明白了，我们只需要知道使用Vuex可以达到我们状态管理的目的就行了，官网地址：https://vuex.vuejs.org/zh/installation.html。
废话不多说，开始撸代码：
1、引入route4
npm install vue-router@4这几个警告看的很不爽，每次install都冒出来，这里解决下：
①npm WARN wsonlinetool@0.0.0 No repository field.
这是因为删除node_modules文件，导致之前与代码仓库的联系消失，把项目设置为私有即可，在package.json中添加："private":true
设置私有之后，npm WARN wsonlinetool@0.0.0 No license field.，这个警告也没有了，私有项目不需要指定开源协议；如果你的项目是公有的，即放在了github上，配置上github地址即可：
// package.json
{
"repository": {
"type": "git",
"url": "http://github.com/yourname/repositoryname.git"
}
}②npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
fsevent是mac系统的，在win或者Linux下使用了，所以会有警告，忽略即可。fsevent的作用是能够检测文件目录的修改，可以记录恶意软件的非法操作，获取恶意软件的完整路径，删除和修改日期。
忽略吧，找了下没什么办法消除，每次npm install时候还是会提示。
2、在正式使用路由之前，我们先引入element-plus，不然路由指向的页面基本组件都不能使用
官网：https://element-plus.gitee.io/#/zh-CN/component/installation；
一样，安装直接对照着官网来就行
npm install element-plus --save
修改发布，一直提示：修改篇幅过大 建议减少修改篇幅；分两篇发吧