Передача значений из данных компонента () в другие файлы

Pтип проекта: VueJS CLI v3.0 || Тема вопроса: Передача данных в другие компоненты / файлы .vue

У меня есть компонент, в котором есть скрипт, data () которого выглядит как следующий кодовый блок:

data: () => ({
  subscription: [ ... ]
  value: 10
  ...
})

Мне нужно убедиться, что другой компонент может читать эти данные. Это возможно? Можно ли передавать значения данных из одного компонента в другой и делать это каждый раз, когда значение этих данных обновляется?

javascript node.js reactjs vue.js

03.10.2018 22:35

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

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

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

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

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

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

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

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

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

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

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

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

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

Ответы 1

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

Есть 3 способа передать данные другим компонентам:

От родительского к дочернему компоненту: проходящий реквизит
Между двумя несвязанными компонентами: используйте глобальное хранилище состояний, например Vuex
От дочернего компонента к его родительскому: используйте пользовательские события. Обратите внимание, что в этом случае вы должны вручную генерировать настраиваемые события. Для двух предыдущих решений всякий раз, когда данные обновляются, другие компоненты также будут обновляться.

Vuex звучит именно так, как мне здесь нужно. Действительно ли это хорошее решение для меня, поскольку оно мне понадобится только для нескольких переменных. Кроме того, насколько сложно реализовать Vuex в существующем достаточно большом проекте? Спасибо за помощь

— 03.10.2018 22:44

@RohanKapur Я бы сказал, что обновить существующую базу кода до Vuex несложно, но может потребоваться некоторое время, чтобы изучить шаблоны Vuex, такие как состояние, действие и мутация. Как только вы их поймете, все будет довольно просто.

— 03.10.2018 22:47

03.10.2018 22:42