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