[VUE]动态的更新页面的Title

首先可以用路由守卫 + VueRouter来实现
路由守卫相关文档

1.main.js里加入路由守卫

// 页面修改时修改浏览器标签栏

```

router.beforeEach((to, from, next) => {

    if(to.meta.title){

        document.title = to.meta.title;

    }

})

```

---

2.Router.js里面加入meta.title的属性：

    ```

    {

            path: '/',

            component: LayoutNone,

            children: [

                // Dashboard

                {

                    path: '/activity_stat',

                    component: liveStatic,

                    meta: {

                      title: '活动统计'

                    }

                },

                }

            ]

        },

```

参考:https://cloud.tencent.com/developer/article/1351905