1.创建vue3项目

vue create runoob-vue3-app

2.运行VUE:   

 $ cd runoob-vue3-app
 $ npm run serve

3.安装element

npm install element-plus --save

4. main.js

• src/main.js是入口文件，主要作用是初始化vue实例并使用需要的插件
• 在main.js文件中定义一个vue对象,其中el为实例提供挂载元素
• 参考博客：vue项目main.js使用方法_vue main.js_一个好好的程序员的博客-CSDN博客
• 里面定义了路由：

  import router from './router'

4.App.vue文件中的router-view理解：

        vue-router是vue中的路由，使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们,参考下列博客：

https://www.cnblogs.com/upward-lalala/p/14615325.html

        具体就是router目录下的index.js，定义具体的路由，例如登录页面

6. 具体逻辑是：

        main.js加载权限：

          permission.js判断是否登录，没有登录就指向登录页面：

        index.js定义路由，组件：

        上图标明直线login.vue组件，在login.vue组件里面编写登录界面：

login.vue调用登录的方法：handleLogin

 而handleLogin函数里面调用了userStore的登录方法

 而userStore的登录方法调用了user.js的登录方法

最终 user.js的登录方法调用了login.js的登录方法：

login.js的登录方法，详细定义了请求数据和header，它也最终调用了request.js的http请求。 

request.js里面就是封装请求方法