vue route中meta的作用:

782 阅读1分钟

例:

// mian.js:

router.beforeEach((to,from,next)=>{
    if(to.meta.title){
        document.title=to.meta.title
    }
    next()
})
// router.js:
 routes: [
    {
      path: "/",
      name: "login",
      component: login,
      meta: {
        title: "登录",//配置title
        kepAlive:false,//是否缓存
      },
    },
    ...
  ]
  
  <router-view v-if="!$route.Meta.keepAlive">

根据vue-router的meta的title动态设置html里title标签内容和kepAlive设置是否缓存状态;