微信单页面应用标题设置无效的解决方案

在开发一个vue单页面应用时发现传统的设置标题方法：document.title = xxx 并不管用。于是上网搜索了一下，原因是单页面应用的页面都是因为路由的改变而改变，而微信中webview只会对页面的标题加载一次，所以接下来写在js中的动态改变是没用的。

在github上找到一个插件可以完美解决这个问题。其原理是在路由切换完成后加载一个空的iframe去动态设置title。
使用方法：

//main.js引入Vue.use(require('vue-wechat-title'))//然后在路由配置里设置const routes = [  {    name: 'Home',    path: '/home',    meta: {      title: '首页'    },    component: require('../views/Home.vue')  },  {    name: 'Order',    path: '/order',    meta: {      title: '订单'    },    component: require('../views/Order.vue')  },  {    name: 'UCenter',    path: '/ucenter',    meta: {      title: '用户中心'    },    component: require('../views/UCenter.vue')  }]