1. 程式人生 > 其它 >vue3 使用vue-router

vue3 使用vue-router

技術標籤:typescriptcomposition

這個步驟,我給大家

1,安裝

npm i [email protected] --save

2, main.js 中

import { createApp } from 'vue'
import App from './App.vue'
import {createRouter,createWebHashHistory} from "vue-router"
import rongrong from "./components/rongrong.vue"
import HelloWorld from "./components/HelloWorld.vue"

const VueRouter = createRouter({
    history:createWebHashHistory(),
    routes:[
      {
        path: '/',
        component: HelloWorld
      },
      {
        path: '/rong',
        component: rongrong
      }
    ]
  })
const app = createApp(App);
app.use(VueRouter)
app.mount('#app')

3, App.vue 中,要有路由容器

行,測試就沒多大問題了