vue动态修改title标题

1）、首先安装

npm install vue-wechat-title --save

2）、接着在main.js中引入

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

3、在路由文件index.js中给需要的路=路由添加title

routes: [{
      path: '/',
      name: 'home',
      component: home,
      meta:{
        keepAlive: true
      }
    },    {
      path: '/login',
      name: 'login',
      component: login,
      meta:{
        title: '登录页面',
         }
    }
  ]

4、在组件里面若要动态改变title的值

<template>
  <div class='container'  v-wechat-title="$route.meta.title={data.title}">
		    <h1 class="title">{{title}}</h1>
		    <p class="time">{{createTime}}</p>
		    <p class="innerText" v-html="content">
		    </p>
  </div>
</template>

注意：**v-wechat-title="$route.meta.title={data.title}"**这个是核心代码

好啦！刷新页面就可以看到效果啦~，希望对大家有效果