provide inject vue3 父子组件 传参方式

provide inject vue3 父子组件 传参方式
当子组件有30个的时候,这个就有优势了,在父组件provide一次,在子组件里面inject这个变量(实际上是通过hooks提供,也可以是个函数)。
下面看下截图

父组件:

子组件:

父组件provide

子组件在父组件,就不用一堆props

这里有一个特别的好处就是结构看的特别清晰,我现在的代码都走props,一屏幕可能就显示2个组件,要是看个结构,不停的滚轮

子组件获取对象通过hooks,vue2可以换成函数

hooks 这个是所有子组件共用,也就是说,所有的inject都是写在这个hooks,
provide和inject都写了一次,非常巧妙!

reference:
https://github.com/nihaojob/vue-fabric-editor

posted @ 2024-06-06 09:44  彭成刚  阅读(16)  评论(0编辑  收藏  举报