1.document.title(进入页面后)
document.title = title
2.beforeEach(进入页面前)
import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);
const router = new VueRouter({
routes:[
{
path:'/',
name:'index',
meta:{title:"首页"},
component: Index
},
{
path:'/list',
name:'list',
meta:{title:"列表"},
component: List
}
]
})
router.beforeEach((to,from,next)=>{//beforeEach是router的钩子函数,在进入路由前执行
if(to.meta.title){//判断是否有标题
document.title = to.meta.title
}
next() //执行进入路由,如果不写就不会进入目标页
})
export default router