vue-router 配置

一、npm安装vue-router插件

     
在项目文件夹下的命令行输入以下命令:
  npm install vue-router

二、在vue3cli项目下的src文件夹中创建router包并配置

1.创建router包

2.创建index.js输入以下代码基本配置

import { createRouter, createWebHashHistory } from 'vue-router'

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    //...
  ],
})

三、main.js中引入router包中的index.js

配置如下：
import { createApp } from 'vue'
import App from './App.vue'
import router from './route'

const app = createApp(App)
app.use(router)
app.mount('#app')