vue -- 路由元信息（meta）

定義路由的時候可以配置 meta 字段， 我們可以在這里設置一些自定義信息，供頁面組件或者路由鈎子函數中使用。

route：

meta:{
      title:'關於'
    }

路由前置守衛：（我們可以通過 $route.meta.xxxx 獲取路由元信息中的數據）

我們可以在鈎子函數 router.beforeEach 中獲取 meta 中的 title 數據，並設置為頁面標題

router.beforeEach((to,from,next)=>{
  // && 與運算 有時可以代替用來代替if 如果前一個值為 true ，則返回后面那個值
   to.meta && setTitle(to.meta.title)
})

 

export const setTitle = (title) => {
  // 如果該路由沒有設置title值，則前一個是 undefined || 前一個值為false時直接返回admin
  // console.log(window.document);
  window.document.title = title || 'admin'
}

 

輸出： title為剛才的關於

 

 其他為admin：