Как вернуть значение в скрипт другого Vue файла? Или как отправить возвращенное значение в другой файл Vue?

Question

На главной странице я получил желаемое значение, которое уже равно "time" и "breedKey". Теперь, как я могу использовать их в другом Vue файле, как пример, который я предоставляю в следующем

   data() {
        return {
          time:[]
        }
    },

    computed: {
       breedKey() {
         return this.breeds[this.currentBreed].key;
        }
      }

Это дочерняя страница <script>, в которую я хочу передать свои данные (breedKey, time), Я хочу использовать такие параметры, как это. Не совсем уверен, что логи c слишком просты, или есть лучший способ сделать это?

async created() {
    try {
      this.promise = axios.get(
        "https://my-api/"
      );

Answer 1

Вы можете передать их от родителя к ребенку, используя реквизит .

Если вам нужно ориентироваться, вы можете использовать vue -router и передавать их как части маршрута, а затем извлеките их на второй странице

Если вы хотите еще более разъединенный способ связи, вы можете использовать EventBus или go полностью использование Vuex .

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

export default {
 props:['breedKey', 'time']
}

, а затем передайте их

<ChildComp :breedKey="breedKey" />

Answer 2

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

Вы определяете это где-то с помощью Vue.prototype.$myvar

И вы можете использовать его в своем компоненте, например this.$myvar

Однако вам, вероятно, стоит взглянуть на Vuex и концепцию магазина.