vue路由动态参数

动态路由

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

2、动态路由传参

params传参:

定义动态路由;

传输参数;

接收参数;

props传参:

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

值为函数的形式

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

组件中的数据通信

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

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

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

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

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

②第二种:状态管理库vuex

 

 

 

posted @   朱世龙  阅读(483)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示