vue路由的下载和配置

1 下载vite组件

代码：

npm init vite@latest my-vue-app -- --template vue

2 下载路由

npm install vue-router@4

3 书写组件

下载完成后再src文件夹下的components文件夹下书写组件，内容如下

4 为组件配置路由路径(routes)

在src文件夹下新建routes文件夹，在routes文件夹下新建index.js文件

index.js文件 书写如下

5 配置路由首页App.vue

注意：：对rooter-link进行CSS样式添加时，需要写a 标签才能选到

6 配置主页后的js文件 main.js

7 效果展示

这样，一个简单的vue路由就完成了