Vue项目中动态修改页面title

最近需要给公司项目做一个企业微信端的h5页面，因为需求比较简单，所以直接用Cli搭建了项目。大概需要完成的效果是这样的：

本来想给页面做一个title组件，用来显示上方的页面标题，后来发现其实微信/企业微信的内置浏览器是可以直接将页面title显示出来的。所以需要动态修改index.html的title。

具体实现： 使用路由导航守卫，在导航守卫的 afterEach 方法中修改页面title。如图：