vue设置每个页面的title

1、在项目目录下安装vue-wechat-title

cnpm i vue-wechat-title --save

2、在main.js中使用vue-wechat-title

 import VueWechatTitle from 'vue-wechat-title'  //引入

Vue.use(VueWechatTitle)                                  //注册组件

3、在router.js的配置中设置

 

{

    path: '/login',

    component:Login,

    name:'',

    hidden:true,

    meta:{

       title:'登录',

       requireAuth:true

   }

},

 4、在每个vue页面中加入<div v-wechat-title='$route.meta.title'></div>

然后就ok了。。。。。。。。。。。。。