vue 为每个页面添加单独的title

一，终端运行

npm install vue-wechat-title --save-dev

二，main.js写入

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

三，修改app.vue的<router-view/>

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

四，修改router的index.js内容

 {
      path: '/HelloWorld',
      name: 'HelloWorld',
      component: HelloWorld
    }

改为

 {
      path: '/HelloWorld',
      name: 'HelloWorld',
      component: HelloWorld,
      meta:{
        title:'xxx'
      }
    }