Передать данные в компонент Vue.js

505
27 октября 2017, 12:12

У меня есть структура компонентов

<cb-result>
    <result-content>
        <cb-result__data></cb-result__data>
    </result-content>
    <next-button></next-button>
</cb-result>

Тело cb-result__data:

<p class="cb-result__data"> \
    <span>{{ title }}:</span> \
    <strong>{{ description }}</strong> \
</p>

Как мне из корневого экземпляра передать свойство в cb-result__data чтобы значение свойства отображалось в {{ description }}?

Answer 1

С помощью props:

https://ru.vuejs.org/v2/guide/components.html#Передача-данных-через-входные-параметры

<cb-result>
    <result-content>
        <cb-result__data testString="Hello, world!"></cb-result__data>
    </result-content>
    <next-button></next-button>
</cb-result>

И объявляете свойство в самом компоненте

props: ['testString']

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

<div> Родитель говорит: {{testString}} </div>

Также, следует почитать про sync https://ru.vuejs.org/v2/guide/components.html#Модификатор-sync

и глобальную шину данных

https://ru.vuejs.org/v2/guide/components.html#Коммуникация-между-компонентами-не-связанными-иерархически

Для более сложных приложений вы можете изучить vuex (только после освоения всех базовых вещей в библиотеке)

https://ru.vuejs.org/v2/guide/state-management.html

READ ALSO
Реализация back-end мобильного приложения [требует правки]

Реализация back-end мобильного приложения [требует правки]

Всем приветПокидайте пожалуйста статьи о реализации Back-end для мобильных приложений

299
Что лучше использовать в sql in или =?

Что лучше использовать в sql in или =?

В чем разница что лучше использовать?

299
Отзеркалить базу данных MySql

Отзеркалить базу данных MySql

Мне надо чтобы база данных DB_MIRROR было копией DBКопировать надо каждые 10 минут

266