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>