vue3路由+meta

鲤忆

已于 2023-03-08 21:09:27 修改

阅读量1.3k

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2023-03-08 20:10:14 首次发布

本文链接：https://blog.csdn.net/m0_62487693/article/details/129410248

版权

meta 路由元元素

meta中key-value都是自定义的

import { createRouter,createWebHistory } from 'vue-router'

export let constom = [
    {
        path:'/',
        name:"Home",
        component:()=>import('@/page/Home/index.vue'),
        // meta 路由元元素
        // meta中key-value都是自定义的
        meta:{
            title: "首页"
        }
    }, {
        path:'/shopcar',
        name:"ShopCar",
        component:()=>import('@/page/ShopCar/index.vue'),
        meta:{
            title:'购物车'
        }
    }, {
        path:'/mine',
        name:"Mine",
        component:()=>import('@/page/Mine/index.vue'),
        meta:{
            title:'个人中心'
        }
    }
]
let router = createRouter({
    history:createWebHistory(),
    routes:constom,
    linkActiveClass: 'router-active', // 自定义被激活路由的class类名 默认名router-link-active
    linkExac