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

原文地址:https://www.cnblogs.com/zhangym118/p/12799964.html