VUE 单页面应用 修改页面title

路由配置

routes: [
 {
 name:'home',
 path: '/home/:openname',
 component: Home,
 meta: {
 title: '首页'
 }
 }
 ]

主要代码

router.beforeEach((to, from, next) => {
 /* 路由发生变化修改页面title */
 if (to.meta.title) {
 document.title = to.meta.title;
 }
 next();
})