Объедините компоненты VueJS, чтобы использовать те же данные - PullRequest
Новая
       10

Объедините компоненты VueJS, чтобы использовать те же данные

0 голосов
/ 09 января 2019

Я пытаюсь выяснить, как я могу связать некоторые Компоненты, которые используют те же данные (из API), поэтому мне нужно сделать только один вызов. Я изучаю VueJS прямо сейчас и не знаю, возможно ли это вообще или как оно называется. Итак, в основном я пытаюсь архивировать это:

Создайте файл index.js, который получает данные от API и объединяет компоненты, которые используют эти данные (или их части).

Использование import {subComponent} from '@/components/bundle/' для получения определенного компонента из этого пакета, в то время как он использует данные, доставленные index.js

Возможно ли это? Возможно, это обычное дело, но я не знаю, как это называется. Как я могу это понять?

Пока я пробовал это:

view.vue 

<template>
    <subComponent1/>
</template>
<script>
import {subComponent1} from '@/components/bundle';

export default {

    name: 'view',
    components: {
        subComponent1
    },

</script>

index.js (в components/bundle/): 

<script>
import subComponent1 from './subComponent1'
import subComponent2 from './subComponent2'

export {
    subComponent1 ,
    subComponent2 
}

</script>

Компоненты являются стандартными однофайловыми компонентами и еще не используют данные из index.js, но я уже получаю эту ошибку:

Image_of_failure

Что я делаю не так?

...