• vue-router 路由嵌套


    仔细把官方文档过一遍!!!

    但是还需要注意下面几点:

      1、从上面的代码可以看出: 在组件中,我们可以通过 $route.params.id 来获取到user/小明/post 中的小明,这样,我们就可以进行个性化的设置了。 

      2、以 / 开头的嵌套路径会被当做根路径, 这可以让你充分的使用嵌套组件而无需设置嵌套的路径。 

      也就是说: 在上面的代码中,我们在children下,写path: "profile", 就相当于拼接成了 /user/:id/profile ,当然,我们也可以直接写为 path: "/user/:id/profile" ,最终的结果是一样的,但是我个人认为后者的表示方法可以跟清晰的观察结构。 如果嵌套层数过多,可能会出错。 

      3、注意需要匹配一个空的情况,然后匹配一个default组件,避免出现空白页的问题。

      暂时就这么多,以后想起再总结

      第2点需要特别注意,子路由是不能加"/"的,加了的话,就匹配不了了,而是匹配到根路由去了。

    参考原文链接:https://www.cnblogs.com/goloving/p/9271501.html

  • 相关阅读:
    鼠标效果
    全选与全不选
    正则表达式
    下拉菜单
    图片轮播
    弹出层
    间隔与延时
    JS基础
    引入
    样式表 文字
  • 原文地址:https://www.cnblogs.com/zhangym118/p/12799964.html
Copyright © 2020-2023  润新知