四、Vue学习笔记——使用路由钩子动态修改网页名称

1. 在router.js中设置meta属性

// 首页
        {
     
          path: "index",
          component: () => import("../views/home/index/index.vue"),
          meta: {
      title: "-首页" },
        },

2. 通过router的钩子beforEach修改网页名称

router.beforeEach((to, from, next) => {
     
  document.title = "XX有限责任公司" + to.meta.title;
  next();
});