vite+vue3安装router

7/26/2022 Vite

# 安装router

yarn add vue-router
1

# 在main.ts中

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
const app = createApp(App)

app.use(router)
app.mount('#app')
1
2
3
4
5
6
7

# 在src下新建router目录/index.ts中

import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'

import Home from '@/components/HelloWorld.vue'

export const routes: Array<RouteRecordRaw> = [
  {
    path: '/',
    name: 'Home',
    component: Home,
  },
]
const router = createRouter({
  history: createWebHistory(),
  routes,
})

export default router
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17