provide与inject如何在vue项目中使用

provide与inject如何在vue项目中使用?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

浑南网站制作公司哪家好,找成都创新互联!从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作,到程序开发,运营维护。成都创新互联于2013年创立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联

provider/inject:简单的来说就是在父组件中通过provider来提供变量,然后在子组件中通过inject来注入变量。

需要注意的是这里不论子组件有多深,只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据。

first:定义一个parent component



third 定义另一个子组件



在2个子组件中我们使用jnject注入了provide提供的变量for,并将它提供给了data属性。

这里官网注明例子只工作在 Vue 2.2.1 或更高版本。低于这个版本时,注入的值会在 props 和 data 初始化之后得到。

运行之后看下结果

provide与inject如何在vue项目中使用

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


文章标题:provide与inject如何在vue项目中使用
本文路径:http://bzwzjz.com/article/ihsppe.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都定制网站建设 网站建设 成都营销网站建设 自适应网站建设 网站制作 攀枝花网站设计 成都网站制作 响应式网站设计 高端网站设计 公司网站建设 高端网站设计推广 做网站设计 专业网站建设 成都网站建设 成都商城网站建设 专业网站设计 成都网站建设 品牌网站建设 成都网站建设 成都h5网站建设 网站制作 成都网站建设