文字加代码搞懂vue中动态路由和嵌套路由区别

文章目录一、动态路由和嵌套路由区别二、代码实现过程动态路由嵌套路由三、总结 一、动态路由和嵌套路由区别 先看实现效果 区别: 形式来看:动态路由url中path有一个/,嵌套路由url中path有两个/ 本质上看:动态路由url对应一个组件,嵌套路由url对应两个组件 作用: 动态路由:实现path值动态改变 嵌套路由:实现父路由下的子路由 二、代码实现过程 动态路由 当改变App.vue中userId属性值时,url显示的值也会不同 没错就是$route的params属性传参数的过程 嵌套路由 图片中1234就是代码执行的过程,脑子中将代码执行顺序走一遍,你就会了 显示效果 三、总结