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