Обеспечьте инъекцию с помощью функции настройки с помощью Vue 3

Кто-нибудь знает, как предоставить переменную, которая находится в функции настройки?

export default {
  name: "MyComponent",
  provide: {
    myVariableThatIWantToProvide // This is not working
  },
  setup() {
    const myVariableThatIWantToProvide = ref('test');

    return {
      myVariableThatIWantToProvide
    };
  }
};
</script>

javascript vue.js vuejs3 vue-composition-api

11.12.2020 23:45

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

3 719

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы должны импортировать provide из vue и использовать внутри функции настройки:

import {ref,provide} from "vue"
export default {
  name: "MyComponent",
 
  setup() {
    const myVariableThatIWantToProvide = ref('test');
      provide ('myVariableThatIWantToProvide', myVariableThatIWantToProvide )
    return {
      myVariableThatIWantToProvide
    };
  }
};
</script>

во внучатом компоненте:

import {inject} from "vue"
export default {
  name: "somechild",
 
  setup() {
      const myVariableThatIWantToProvide =inject ('myVariableThatIWantToProvide')
    return {
      myVariableThatIWantToProvide
    };
  }
};
</script>

11.12.2020 23:49

Другие вопросы по теме

Как отправить модальные данные родителю в Bootstrap Vue?

Создание окна поиска с помощью vue.js

Vue.js 3 html динамический класс передает аргументы на основе вычисляемого свойства

Размер шрифта не обновляется внутри v-toolbar-title

Передача реквизита на ссылку маршрутизатора — Vue.js

«Вызов хранилища функций-членов () в массиве» при загрузке файла с использованием Laravel 8 с Jetstream — Vue и Intertia.js

Как поменять местами поля ввода с помощью Vue?

Загрузите pdf с сервера и вставьте в приложение Vue

Как сделать несколько запросов и сохранить объекты данных в новый массив

Vue 2.X — хороший подход к ожиданию контрастных асинхронных источников данных в компоненте

Обеспечьте инъекцию с помощью функции настройки с помощью Vue 3

Ответы 1

Другие вопросы по теме

Похожие вопросы