06 配置首页

首先，创建src/views/index.vue作为首页。

首页

接着修改src/router/index.js，添加用于显示首页的路由。

import {

createRouter,

createWebHashHistory

} from "vue-router"

import IndexView from "@/views/index.vue"

// 路由列表

const routes = [

// 首页

{

path: "/",

component: IndexView,

}

]

// 路由器

const router = createRouter({

history: createWebHashHistory(),

routes,

})

// 导出

export default router;

最后，最重要的，要在src/App.vue中使用渲染路由指向的页面。