vue设置页面标题title

1.每个页面设置相同的标题

index.html：
直接修改title标签里面的标题

2.每个页面设置不相同的标题

//使用vue-wechat-title插件对页面标题进行设置

1）、安装模块
命令：npm install vue-wechat-title --save
2）、在main.js中引入模块

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

3）、在路由中加title
在router文件夹下的index.js中，每个路由里添加meta，里面加入title

  {
    path: '/about',
    name: 'about',
    component: about,
    meta: {
      title: '关于'
    }
  }

4）、App.vue中修改路由出口router-view如下：

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

完成