vue2 设置网页title的问题

关于vue2设置标题推荐使用vue-wechat-title插件

 

npm install vue-wechat-title --save  下

看后我的使用方式

1. 在 main.js 中

import VueWechatTitle from 'vue-wechat-title';
Vue.use(VueWechatTitle)

这样就能用了

2. 路由中加下 title

{
path: '/',
component: Index,
meta: {
title: '首页'
}
},

3.  在app.vue 中修改 router-view ，加入他的这个组件

<router-view v-wechat-title="$route.meta.title"></router-view>

 

这些都操作完成之后，你再重新加载页面就可以看到你的title了