vue3.0 如何通过路由方式动态修改title

1. 找到 src/router/index.js ,添加meta标签中的内容

　　const routes = [{
　　　　　path: '/',
　　　　　name: 'Home',
　　　　　component: Home,
　　　　　meta: {
　　　　　　　title: '云智慧管理平台优化' // 通过meta动态修改html页面的title
　　　　　}
　　}]
2. 找到 src/main.js 添加下方代码

　　import router from './router'　　

　　/* 路由发生变化修改页面title */
　　router.beforeEach((to, from, next) => {
　　　　if (to.meta.title) {
　　　　　　document.title = to.meta.title
　　　　}
　　　　next()
　　})

3. 找到根目录的 package.json 文件将文件最上面的name改成空字符串　　

　　{
　　　　"name": "",          // 此处改成空字符串
　　　　"version": "0.1.0",
　　}