vue路由动态参数

动态路由

1、定义:我们经常需要把某种模式匹配到的所有路由,全都映射到同 个组件 例如:我们有一个 User 组件,对于所有1 各不相同的用户,都要 使用这个组件来渲染

2、动态路由传参

params传参:

定义动态路由;

传输参数;

接收参数;

props传参:

值为布尔值的形式:定义动态路由;传说参数;接收参数

值为函数的形式

动态路由切换时的特点:动态路由当路由发生切换时,并不会重新渲染路由组件,而会使用已经渲染过的路由组件(只是会修改路由参数值),这样增加的程序的高校及时性;另一方面,组件的生命周期钩子回调函数将不会再次调用

组件中的数据通信

1.父子组件之间的数据通信

①第一种:父-->子 props传递数据;子-->父 触发自定义的形式

②第二种:provide....inject结构 父组件provide抛出数据,子组件inject接收数据

2.非父子组件之间的数据通信

①第一种:事件总线Bus(空vue对象)

②第二种:状态管理库vuex

 

 

 

posted @ 2022-05-13 20:40  朱世龙  阅读(492)  评论(0)    收藏  举报