在开发APP的时候，设置微信分享页面的动态标题，使用vue-wechat-title

1.首先： 需要先在自己的项目里卖 安装插件

使用淘宝镜像

cnpm install vue-wechat-title --save

或是：

npm install vue-wechat-title --save

2.在main.js 里面引用，就可以全局使用了

方法一

Vue.use(require('vue-wechat-title')

方法二：

分开写

import wechat from 'vue-wechat-title'

Vue.use(wechat)

3.在路由里面添加 name 属性，或是在路由里定义meta

{
  path: '/share',
  name: '分享',
  component: Share,
  meta: {
    title: '我的分享'
  }
}

4.在APP.vue 里面 添加以下代码即可，在router-view之前，在 id 为app的div里面。

<div v-wechat-title="$route.name"></div>

或是（在路由里面添加了 meta 属性的话）

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

如图：

 

运行结果：