vue动态修改title

1、项目中，cmd下 ，运行：cnpm install vue-wechat-title --save

2、在 main.js 中，设置：

import VueWechatTitle from 'vue-wechat-title'; 

Vue.use(VueWechatTitle)

3、在router / index.js 中，设置：

{
　　path: '/Home',
　　name: 'Home',
　　component: Home,
　　meta: {
　　　　title: 'Home'  //此处为要修改的 title 名称，浏览器目前的标题显示：Home
　　}
}

4、在app.vue中，添加组件：

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

此上，就可以自动修改浏览器标题了