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
})

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐