vue 单页面如何设置网页title

vue单页面应用里，使我们无法去如往常方式一样的去更改页面标题
百度了下，推荐使用vue-wechat-title插件，蛮好用的

第一步 下载安装插件依赖

npm install vue-wechat-title --save

第二步

在main.js中引入插件

import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)

第三步

在路由文件 index.js中给每个路由添加title

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

第四步

在app.vue中修改router-view组件

<router-view v-wechat-title='$route.meta.title'></router-view>

重启试试，可以了