我要评论什么是 meta？
简单的理解，meta 就是路由对象 的一个属性对象，
可以 通过这个 属性给 路由对象添加 一些必要的属性值，
在使用路由对象时可以获取到这个属性型对象，从而进行一些其他的逻辑判断。
meta 这个非常的简单，就是一个属性值。
使用案例
给某个路由配置 meta 对象
在 路由的解析守卫 和 组件中 获取meta 中的值
路由的配置
// 导入 定义路由的两个方法
import {createrouter,createwebhistory} from 'vue-router'
// 引入组件
import componentc from "./componentc.vue";
// 声明路由跳转的路径与组件的对应关系
const routslist = [
{
path:'/c',
name:'croute',
component:componentc,
meta:{
meta1 : '元数据1',
meta2 : true,
meta3 : 1000
}
}
]
// 创建路由的实例对象
const routerconfigobj = createrouter({
history:createwebhistory('abc'), // 带一个参数，表示是路由的一个前缀
routes:routslist // 指定路由的配置列表
})
// 全局解析守卫
routerconfigobj.beforeresolve((to,from)=>{
console.log('解析守卫 ： to : ',to)
console.log('解析守卫 ：from : ',from)
console.log('------')
return true
})
// 导出路由的对象
export default routerconfigobj;
运行效果
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持代码网。
发表评论