Proporcionado e inyectado en vue.

Cuando leí el código fuente de element-ui, descubrí que el atributo de inyección se utiliza en el diseño de subgrupos. Revisé la documentación oficial y descubrí que vue agregó provisión/inyección en la versión 2.2. 0:

Según la descripción del documento, tengo entendido que: en un sistema de componentes anidados de varios niveles, el componente externo puede proporcionar dependencias a cualquier subcomponente en cualquier nivel a través del atributo de provisión. no importa cuán profundo sea; y los componentes secundarios en cualquier nivel pueden recibir dependencias de cualquier componente principal en cualquier nivel a través del atributo de inyección (en el formato this.xxx). Nota: proporcionar e inyectar deben usarse al mismo tiempo.

Ejemplo:

Los tres emperadores de la dinastía Qing: Kangxi (Xuan Ye), Yongzheng (Yinzhen) y Qianlong (Hongli) eran abuelos de sus nietos, así que usemos vue La idea de componentes se utiliza para expresar su relación y simular una de sus conversaciones para comprender proporcionar e inyectar en vue.

Llamar componente - Imperio Qing: qing-dynasty.vue

Definir componente abuelo - Emperador Kangxi: kangxi.vue

Definir componente hijo - Emperador Yongzheng: yongzheng .vue

Defina el componente Sun Tzu - Emperador Qianlong. -Qianlong: qianlong.vue