搜索

看到这,你可以会说,我直接写个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!!!

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

版权属于:染念
作品采用:本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
4
查看目录

目录

来自 《vue如何让N个不同页面不同头部呢?》
评论

博主很懒,啥都没有