第二篇、main是如何调用路由的?

68 阅读1分钟

一、项目采用的vue3 + element-plus,简单介绍vue从main.js开始调用router的方式方法。

二、项目目录

image.png

三、main调用路由及路由配置 [都是一层一层的引入关系]

image.png

image.png

image.png

四、在views下新建页面 Index.vue

image.png

五、展示页面 image.png

六、安装 element plus

npm install element-plus --save

等待安装完毕,查看我们的组件配置文件 image.png 确实已经安装好了。
接下来我们需要在 main.js 中引入 Element Plus 组件及样式。

image.png 接下来,我们在页面组件中去使用 Element Plus 提供的组件(这里以按钮为例)

image.png

image.png