天气预报 > 生活 >如何实现动态路由

如何实现动态路由

更新时间: 2021-04-30 14:15:19

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

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

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

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

5、通过这个属性获取指定的参数值,如果希望在相应的组件页面内输出参数值,则在默认路由中加入如下代码。

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

标签:如何实现动态路由