vue3中的RouteRecordRaw
·
RouteRecordRaw
是 Vue Router 4.x 中新增的类型,用于定义路由配置。它是一个 TypeScript 类型
import { RouteRecordRaw } from 'vue-router'
const routes: Array<RouteRecordRaw> = [
{
path: '/',
name: 'Home',
component: () => import('@/views/Home.vue'),
meta: {
requiresAuth: true
}
},
{
path: '/about',
name: 'About',
component: () => import('@/views/About.vue')
}
]
需要注意的是,RouteRecordRaw
只是一个类型定义,它并不会自动注册路由。要将其注册到 Vue Router 中,还需要使用 createRouter
函数创建路由实例,并将路由记录传递给该实例的 routes
属性:
import { createRouter, createWebHistory } from 'vue-router'
import { RouteRecordRaw } from 'vue-router'
const routes: Array<RouteRecordRaw> = [
// ...
]
const router = createRouter({
history: createWebHistory(),
routes
})
更多推荐
已为社区贡献3条内容
所有评论(0)