vue如何让N个不同页面不同头部呢？

看到这，你可以会说，我直接写个 N 个头部组件，想用它的时候再引用，咋了不行么？ 可以是可以，但是如果遇到下面这种情况 有 100 个页面，其中 99 个页面我想用头部 A，剩下一个页面用头部 B， 不会有人傻呆呆地写 99 次吧！！！

当初地我也是这么想，直到我遇到了。。。vue-router 的命名视图

因为官方文档介绍挺详细了，我就不复制了

vue-router 就有这样的方法，解放了你的双手

注意点：你看完文档可能还没有注意到一点，请看下面的代码。

const routes = [
  {
    path: "/",
    name: "Home",
    components: {
      default: Home,
      Header,
    },
  },
  {
    path: "/login",
    name: "Login",
    component: () => import("../views/Login.vue"),
  },
];

我想说的就是使用命名视图时候，component 要改成components！！！

这也是我犯的一个错误，在此共勉，当你发现写的页面没有效果时候，不妨看看，是不是这里写错了