vue设置每个页面的title

第一种方式：(不支持)

<div v-title data-title="机构详情"></div>

第二种方式：

1、在项目目录下安装vue-wechat-title

cnpm i vue-wechat-title --save

2、在main.js中使用vue-wechat-title

import VueWechatTitle from 'vue-wechat-title'  //引入
Vue.use(VueWechatTitle)   //注册组件

3、在router.js的配置中设置

{
    path: '/login',
    component:Login,
    name:'',
    hidden:true,
    meta:{
       title:'登录',
       requireAuth:true
   }
},

4、在每个vue页面中加入

<div v-wechat-title='$route.meta.title'></div>

第三种方式(最简单的)：

在main.js中使用

// 设置全局title
document.title = window.global.title || 'title'