皮皮网

1.vue中的provide和inject

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