看到这,你可以会说,我直接写个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 国际许可协议 进行许可。
更新于: 2021年05月13日 17:50
4
发表评论


179 文章数
668 评论量
4 分类数
183 页面数
已在风雨中度过 7年46天22小时8分
目录
来自 《vue如何让N个不同页面不同头部呢?》
© 2024 染念Blog
浙ICP备19020194号-1
暗黑模式
暗黑模式
评论
返回顶部
© 2024 染念Blog
浙ICP备19020194号-1
暗黑模式
暗黑模式
评论
返回顶部