技术栈
provide
又言又语
3 个月前
vue
·
vue3
·
inject
·
provide
·
组件通信
【Vue3】组件通信之provide&inject
随着年龄的增长,很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来,技术出身的人总是很难放下一些执念,遂将这些知识整理成文,以纪念曾经努力学习奋斗的日子。本文内容并非完全原创,大多是参考其他文章资料整理所得,感谢每位技术人的开源精神。
赢乐
8 个月前
inject
·
provide
·
props
·
emit
·
组件通信
·
父子组件传值
·
传递n个层级
vue3组件间的通信,通过props,emit,provide和inject把数据传递N个层级,expose和ref实现父组件调用子组件方法
我们通过props属性可以把数据传给组件,而通过provide与inject我们可以把数据传递给N个层级的子组件,比如A组件用了B组件,B组件用了C组件,它可以把组件直接从A传给C组件,vue2使用computed来实现响应式,而vue3中 provide 使用ref或reactive定义的变量即可实现响应式。
刘小筛
1 年前
vue3
·
inject
·
provide
·
sip.js
·
ip电话
Vue3中,实现IP电话功能,要求在所有页面均可接收到来电,并进行通话——子组件和父组件共用一个组件
Vue3中,实现IP电话功能,要求在所有页面均可接收到来电,并进行通话——子组件和父组件共用一个组件