vue路由动态参数
动态路由
1、定义:我们经常需要把某种模式匹配到的所有路由,全都映射到同 个组件 例如:我们有一个 User 组件,对于所有1 各不相同的用户,都要 使用这个组件来渲染
2、动态路由传参
params传参:
定义动态路由;
传输参数;
接收参数;
props传参:
值为布尔值的形式:定义动态路由;传说参数;接收参数
值为函数的形式
动态路由切换时的特点:动态路由当路由发生切换时,并不会重新渲染路由组件,而会使用已经渲染过的路由组件(只是会修改路由参数值),这样增加的程序的高校及时性;另一方面,组件的生命周期钩子回调函数将不会再次调用
组件中的数据通信
1.父子组件之间的数据通信
①第一种:父-->子 props传递数据;子-->父 触发自定义的形式
②第二种:provide....inject结构 父组件provide抛出数据,子组件inject接收数据
2.非父子组件之间的数据通信
①第一种:事件总线Bus(空vue对象)
②第二种:状态管理库vuex
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!