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'
      }
    }