关于 vue 3 router 的配置 小坑

1 router/index.js
`import {createRouter,createWebHashHistory } from "vue-router"

// 1. 定义路由组件， 注意，这里一定要使用 文件的全名（包含文件后缀名）
import Hello from '../components/Hello.vue'

// 2. 定义路由配置

const routes = [
//路由列表
{ path: "/hello", component: Hello },
];

const router = createRouter({
// 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
history: createWebHashHistory(),//hash 模式``
routes, // routes: routes 的缩写 注入路由列表暴露
})

export default router //暴露`
1 main.js

`import { createApp } from 'vue'
import router from './router'

import App from './App.vue'
import routerIndex from './router/index'
const app = createApp(App)

app.use(routerIndex)
// app.use(router)
//app.use(router) 无效
createApp(App).use(router).mount('#app')
`

标签：use,vue,app,import,router,App,小坑
来源： https://www.cnblogs.com/Duansr/p/14953256.html