vue實現動態設置頁面title

router/index.js

const router = new Router({
mode: 'history',
routes: [
{
path: '/index',
name: 'index',
component: Index,
meta:{
// 頁面標題title
title: '首頁'
}
},
{
path: '/content',
name: 'content',
component: Content,
meta:{
title: '內容'
}
}
]
})
export default router

 

main.js

router.beforeEach((to,from,next) => {
  if(to.meta.title){
    document.title = to.meta.title
  }
});