vue種動態渲染方式有多種，但是各有個的優缺點，要根據專案來確定使用哪一種。

1、用vue-wechat-title外掛

由於做的大多數專案是微信的，所以很多時候直接會想到用vue-wechat-title外掛

1. 安裝外掛 npm install vue-wechat-title --save
   或者直接在package.json中新增
   

2. 引用 在main.js中引用
   

3. 路由檔案中寫好title
   

4. 在router-view 中使用 <router-view v-wechat-title="$route.meta.title" />
   
   但是,這個外掛有時會有bug,在專案中如果監聽路由並存儲到本地,會有問題,每次切換、重新整理頁面的時候都會出現載入多次的情況。
   

   這個錯誤這篇部落格有詳細說明 https://blog.csdn.net/SnowBeatRain/article/details/82711964
   所以基於這種情況這個實現動態title的方式就不是很完美。

2、利用路由的導購守衛beforeEach在每次頁面跳轉前更改對應的title

1. 路由檔案寫好title
   

2. 在main.js裡面加上導航守衛
   
   但是這個在某些情況下也有缺陷
   在app內嵌h5的混合應用中，iOS系統下部分APP的webview中的標題不能通過 document.title = xxx 的方式修改，原因是在IOS webview中網頁標題只加載一次，動態改變是無效的。