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();
})