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
})
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)