vue2.0单页面spa在微信中title设置

github地址
摘抄只做笔记使用vue-wechat-title

npm install vue-wechat-title --save

main.js中

Vue.use(require('vue-wechat-title'))

路由中

{
 name: 'Home',
  path: '/home',
  meta: {
    title: '首页'
  },
  component: require('../views/Home.vue')
},
{
  name: 'Order',
  path: '/order',
  meta: {
    title: '订单'
  },
  component: require('../views/Order.vue')
},

App.vue 建议全局只使用一次该指令 标题可用vuex或者router中定义 不要多处使用!!

<!-- 任意元素中加 v-wechat-title 指令 建议将标题放在 route 对应meta对象的定义中 -->
<div v-wechat-title="$route.meta.title"></div>
<!--or-->
<router-view v-wechat-title="$route.meta.title"></router-view>

自定义加载的图片地址 默认是 ./favicon.ico 可以是相对或者绝对的

<div v-wechat-title="$route.meta.title" img-set="./static/logo.png"></div>