vue-wechat-title

安装

Vuejs 1.x

npm install [email protected] --save
Vuejs 2.x

npm install vue-wechat-title --save

Vuejs 1.x demo

Vuejs 2.x demo

ES6

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')
}
]
// ...

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

任意元素中加 v-wechat-title 指令 建议将标题放在 route 对应meta对象的定义中

国际化

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