vue如何设置网站标题（每个页面标题单独设置）

vue如何设置网站标题，如何实现每个页面标题单独设置？下面编程教程网小编给大家详细介绍一下实现代码！

1、安装脚手架

npm install vue-wechat-title --save

2、在main.js中引入

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

3、页面引入

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

//图片也可以引入
<p v-wechat-title="$route.meta.title" img-set="/static/logo.png"></p>

4、设置路由

routes:[
{
  path: '/',
  name: 'index',
  component: index,
  meta: {
    title: '首页'   // 标题设置
  }
},
]