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

父组件:

provide inject vue3 父子组件 传参方式_取对象


子组件:

provide inject vue3 父子组件 传参方式_github_02

父组件provide

provide inject vue3 父子组件 传参方式_取对象_03

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

provide inject vue3 父子组件 传参方式_github_04


这里有一个特别的好处就是结构看的特别清晰,我现在的代码都走props,一屏幕可能就显示2个组件,要是看个结构,不停的滚轮子组件获取对象通过hooks,vue2可以换成函数

provide inject vue3 父子组件 传参方式_github_05

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

provide inject vue3 父子组件 传参方式_取对象_06

reference:
https:///nihaojob/vue-fabric-editor

---------------------------------------------
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!

https:///navigator/

SMART原则:

目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)