Как работает механизм реактивности при использовании Vue provide и inject?

Механизм реактивности при использовании Vue provide и inject работает следующим образом: когда родительский компонент предоставляет через provide ссылку на реактивный объект, потомки получают эту ссылку. purpleschool.ru Любое изменение такого объекта сразу видно всем, кто его использует. purpleschool.ru

Если же через provide передать обычное значение, оно не будет реактивным. purpleschool.ru

Схема работы механизма: purpleschool.ru

1. Компонент-родитель использует provide, чтобы дать «ключ» и «значение». purpleschool.ru
2. Компонент-потомок вызывает inject с этим же ключом и получает значение. purpleschool.ru

По умолчанию свойство зависимости, которое предоставляет компонент, не является реактивным. www.codemag.com Чтобы сделать данные реактивными, нужно обернуть содержимое предоставляемого свойства функцией computed(). www.codemag.com В этом случае при изменении предоставляемого свойства компонент, автоматически внедряющий эту зависимость, отреагирует на это изменение. www.codemag.com