首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

vue3 路由_vue router

方式可划分为 params 和 query ,而 params 又可分为在 url 中显示参数和不显示参数两种方式,这就是vue路由的三种方式。...方式一:params (显示参数) params (显示参数)又可分为 声明式 和 编程式 两种方式 1、声明式 router-link 该方式是通过 router-link 组件的 to...$router.push({ path:'/child/${id}', }) 在子路由中可以通过下面代码来获取传递的参数值 this....$route.params.id 方式二:params (不显示参数) params (不显示参数)也可分为 声明式 和 编程式 两种方式,与方式一不同的是,这里是通过路由的别名 name 进行值的...$route.params.id 注意:上述这种利用 params 不显示 url 的方式会导致在刷新页面的时候,传递的值会丢失 方式三:query (显示参数) query (显示参数)也可分为

5.7K20

动态路由,懒加载,嵌套路由,路由

一 .动态路由 在某些情况下,一个页面的path路径可能是不确定的,比如我们进入用户界面时,希望是如下的路径: /user/aaaa或/user/bbbb 除了有前面的/user之外,后面还跟上了用户的...ID 这种path和Component的匹配关系,我们称之为动态路由(也是路由传递数据的一种方式)。...二 .懒加载 先看一下不用懒加载的话,项目打包后的JS结构,所有的业务代码都放在了一个js里 当打包构建应用时,Javascript 包会变得非常大,影响页面加载甚至用户的电脑上还出现了短暂空白的情况...路由懒加载的主要作用就是将路由对应的组件打包成一个个的js代码块.只有在这个路由被访问到的时候, 才加载对应的组件 使用懒加载的方式对比以及打包后的效果对比 Vue router懒加载的方式有三种 方式一...路由 传递参数主要有两种类型: params和query params的类型: 配置路由格式: { path: '/user/:userid',component: ()=> import('.

3.3K10
领券