多语言展示
当前在线:1996今日阅读:27今日分享:41

vue中如何实现动态路由

小编今天教你们vue中如何实现动态路由,解决你们生活中遇到的问题。
工具/原料
1

软件

2

电脑

方法/步骤
1

在文章 使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的,也就是说是静态路由。

2

而能传递参数的路由模式,由于可以传递参数,所以其对应的路由数量是不确定的,故称之为 动态路由.

3

在参数名前面加上 ,然后将参数写在路由的内,这样定义之后,就会匹配所有的,所以说这样定义的路由的数量是不确定的。

4

如果需要传入多个参数值,只要按照上面的命名方法来加入参数,传递在中对应的声明参数值即可,只要匹配到路由模式的定义就会自动对参数进行分解取值。

6

那么,当复用组件时候,想对路由参数的变化做出响应的话,就需要在这个对象内添加对对象变化的跟踪函数。

推荐信息