provide inject vue3 父子组件 传参方式
provide inject vue3 父子组件 传参方式
当子组件有30个的时候,这个就有优势了,在父组件provide一次,在子组件里面inject这个变量(实际上是通过hooks提供,也可以是个函数)。
下面看下截图
父组件:
子组件:
父组件provide
子组件在父组件,就不用一堆props
这里有一个特别的好处就是结构看的特别清晰,我现在的代码都走props,一屏幕可能就显示2个组件,要是看个结构,不停的滚轮
子组件获取对象通过hooks,vue2可以换成函数
hooks 这个是所有子组件共用,也就是说,所有的inject都是写在这个hooks,
provide和inject都写了一次,非常巧妙!
---------------------------------------------
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
https://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
https://pengchenggang.gitee.io/navigator/
SMART原则:
目标必须是具体的(Specific)
目标必须是可以衡量的(Measurable)
目标必须是可以达到的(Attainable)
目标必须和其他目标具有相关性(Relevant)
目标必须具有明确的截止期限(Time-based)