L oop через таблицу базы данных в Laravel Vue js Компонент

Question

Это пример того, чего я хочу достичь в vue компоненте

<div v-for="emotion in emotions" class="cb-row">
    <h2>{{ emotion.em_name }}</h2>
</div>

Я создал функцию в EmotionsController для возврата всех данных из таблицы

class EmotionsController extends Controller
{
    public function getEmotions() {

        $emotions = Emotions::all()->get();

        return $emotions;

    }
}

Как мне затем передать эти данные в мой vue компонент? Загружается в форму

Answer 1

Сначала вы должны обратиться к laravel документации. потому что он дал вам все, что вы хотите. Вот ссылка на ваш вопрос https://laravel.com/docs/6.x/frontend#writing - vue -компоненты