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

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

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

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

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

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