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>