最近有個同事用vue.js在開發微信的專案，問我如何設定網頁的title。

於是乎 把這個方法整理成部落格，希望幫助更多的人吧

第一步：用npm安裝  vue-wechat-title

npm install vue-wechat-title --save

第二部：在vue裡面的 main.js裡是引入這個外掛，具體操作看程式碼

// 加設定title外掛
import VueWechatTitle from 'vue-wechat-title';
Vue.use(VueWechatTitle)

第三步： 在App.vue 這個元件裡使用，具體操作看程式碼

<template>

  <div id="app" v-cloak>

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

  </div>

</template>

<script>
 

第四步：在路由檔案(route.js)裡設定每個頁面的title以及description，程式碼參考如下

const VIDEO_ROUTER = [
  {
    path: '/',
    component: index,
    meta:{
      title: '小六部落格首頁',
    }
  },
  {
    path: '/login',
    component: Login,
    meta:{
      title: '登入中心',
    }
  }

........
........
........

這樣就已經大功告成了！是不是很簡單呢？對沒錯 就是這麼簡單

注：有問題，可在下方留言。大家一起交流學習