<!-- Родительский компонент --> <template> <div> <child-component /> </div> </template> <script> import { ref, provide } from 'vue'; export default { setup() { const someValue = ref('Исходное значение'); // Используйте provide, чтобы сделать someValue доступным для инжекта в дочерних компонентах provide('someValue', someValue); return { someValue, }; }, }; </script> <!-- Дочерний компонент --> <template> <div> <p>{{ injectedValue }}</p> <button @click="mutateInjectedValue">Изменить значение</button> </div> </template> <script> import { inject, ref } from 'vue'; export default { setup() { // Используйте inject, чтобы получить someValue из родительского компонента const someValue = inject('someValue', ref('Значение по умолчанию')); const mutateInjectedValue = () => { // Мутируйте значение someValue.value = 'Новое значение'; }; return { injectedValue: someValue, mutateInjectedValue, }; }, }; </script>