详解vue-router 路由元信息
一、背景
之前写前端都是后端返回界面，跳转神马的完全不用自己操心，但是这次用vue写的前端，第一次前后端分离，后端只给前端提供数据接口，一开始还想着是后端控制界面的渲染神马的，但是后面一想，路由神马的都是前端控制的，后端的手伸不过来啊，于是乎就一直在逛vue-router的官网，想着应该会有相关的东西，然后发现了路由元信息，起初怎么也没看懂是什么意思，后面慢慢琢磨明白了，记录一下
二、代码分析
官网路由元信息
（1）路由定义
constrouter=newVueRouter({
routes:[
{
path:'/foo',
component:Foo,
meta:{requiresAuth:true}//ametafield
}
]
})
这里的meta字段就是路由元信息字段，requiresAuth是自己起的字段名称，用来标记这个路由信息是否需要检测，true表示要检测，false表示不需要检测（这个名称随便起，比如我自己的就起的requiresId，或者你懒得想，就直接a,b这么起，当然，还是比较建议起个有意义的名称）
（2）js代码
newVue({
el:'#app',
router,
template:'
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。