vue3.0动态设置title

1.安装

vue-wechat-title

2.引用插件，在main.js中，首先import然后再use即可，具体代码如下：

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

3.在路由的配置文件router.js里面配置我们想要的页面标题，

meta:{title:'你想要设置的title名字'}

export default new Router({
routes: [
{path: '/', name: '/Index', component: Index,meta:{title:'围城少年'}},
{path: '/Register', name: '/Register', component: Register,meta:{title:'登陆/注册'}},
]
})

4.最后一步，在页面加入

v-wechat-title="$route.meta.title"

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