浅谈vue中provide和inject用法

更新时间:2023-07-02 09:40:49 阅读: 评论:0

浅谈vue中provide和inject⽤法
渴望爱情
⼀、概念解析
成对出现:provide和inject是成对出现的公式规律
成对出现:
拼音ie作⽤:⽤于⽗组件向⼦孙组件传递数据
天长路远魂飞苦作⽤
使⽤⽅法:provide在⽗组件中返回要传给下级的数据,inject在需要使⽤这个数据的⼦辈组件或者孙辈等下级组件中注⼊数据。
网上商城排行使⽤⽅法:
跨级使⽤场景:由于vue有$parent属性可以让⼦组件访问⽗组件。但孙组件想要访问祖先组件就⽐较困难。通过provide/inject可以轻松实现跨级使⽤场景:
蝴蝶的成长过程访问⽗组件的数据
访问⽗组件
⼆、代码解析
或者 另外⼀种理解:
provider/inject:简单的来说就是在⽗组件中通过provider来提供变量,然后在⼦组件中通过inject来注⼊变量
宣传效果需要注意的是这⾥不论⼦组件有多深,只要调⽤了inject那么就可以注⼊provider中的数据。⽽不是局限于只能从当前⽗组件的prop属性来获取数据。
从上⾯这个例⼦可以看出,只要在⽗组件中调⽤了,那么在这个⽗组件⽣效的⽣命周期内,所有的⼦组件都可以调⽤inject来注⼊⽗组件中的值。路在何方

本文发布于:2023-07-02 09:40:49,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1073886.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:组件   访问   数据   解析   需要
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图