欢迎来到【源码 上门自取】【分享秘笈源码】【兜兜友源码】弘历 源码_弘历源码里的pv是什么-皮皮网网站!!!

皮皮网

【源码 上门自取】【分享秘笈源码】【兜兜友源码】弘历 源码_弘历源码里的pv是什么-皮皮网 扫描左侧二维码访问本站手机端

【源码 上门自取】【分享秘笈源码】【兜兜友源码】弘历 源码_弘历源码里的pv是什么

2024-12-27 05:05:35 来源:{typename type="name"/} 分类:{typename type="name"/}

1.vue中的provide和inject

弘历 源码_弘历源码里的弘历弘历<strong>源码 上门自取</strong>pv是什么

vue中的provide和inject

        阅读element-ui源码,发现在设计子组时件用到了 inject 属性,随即查了一下 官方文档,得知vue在2.2.0版本里新增了 provide / inject :

        按照文档的描述,我的理解是:在多级嵌套的组件体系中,某级外层组件可以通过 provide 属性向其下任意一级子组件提供一个依赖,不管层级有多深;而某级子组件则可以通过 inject 属性接收来自其上任意一级父组件提供的依赖(通过 this.xxx 形式获取)。注意: provide 和 inject 需要一起使用。

        举个例子说明:

        清朝三位皇帝:康熙(玄烨)、雍正(胤禛)、乾隆(弘历)是祖孙三代,我们用vue组件的思想表示他们之间的关系,并模拟他们的一段对话,以此理解vue中的 provide 和 inject 。

        调用组件——大清帝国:qing-dynasty.vue

        定义爷爷组件——康熙皇帝:kangxi.vue

        定义儿子组件——雍正皇帝:yongzheng.vue

        定义孙子组件——乾隆:qianlong.vue