技術標籤：Module

安裝路由，注意需要4.x版本

npm install vue-router -s

在src目錄下新建router\index.js

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

const router = createRouter({
    history: createWebHashHistory(),
    routes: [{
            path: "/",
            name: "index"
 
,
            component: () => import( /* webpackChunkName: "index" */ "@/views/index/index"),
            meta: {
                title: "首頁"
            }
        },
        {
            path: "/main",
            name: "main",
            component:
 
 () => import( /* webpackChunkName: "main" */ "@/views/main/main"),
            meta: {
                title: "主要"
            }
        }
    ]
})

export default router;

在main.js進行匯入

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


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

App.vue新增

 <router-view></router-view>