Приветствую, я только изучаю доку. Могли бы подсказать, как организовывается

Question

Приветствую, я только изучаю доку. Могли бы подсказать, как организовывается

взаимодействие компонентов.

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

Теоритически
Надо в компоненте списка категорий по клику на категорию менять свойство с айди категории у компонента списка постов, а компонент список постов в свою очередь имея реактивность свойства с айди категории при апдейте загружает посты?

Компоненты будут находится рядом

<div id="app">
<list-categories/>
<list-posts :idCategory="0"/>
</div>

Как из list-categories обновить idCategory ? И правильно ли я собираюсь сделать?

#frontend #javascript #programming #russian #vue.js

0

23.06.2022

2 ответов

17 просмотров

Stork · Answer 1

Stork Автор вопроса

А то-есть через события можно взаимодействовать ? Я читал про события ок понял спс

0

23.06.2022

Stork · Answer 2

А вот лист постов может же быть большим, я допустим хочу подгружать по мере прокрутки скрола. Так вот мне надо сделать в компоненте реактивный массив с постами и заюзать IntersectionObserver добавляя в этот реактивный массив новые данные, они будут добавлятся в рендеринг ? Типа <section v-for="post of posts"> {{ post.id }} <br> {{ post.name }} <br> </section> <div id="track-end"></div> А в компоненте const posts = ref([ { id: 1, name: 'name1' }, { id: 2, name: 'name1' }, { id: 3, name: 'name1' } ]); export default { data() { return { posts } } } А к <div id="track-end"></div> прикрутить IntersectionObserver?

169 похожих чатов

Приветствую, я только изучаю доку. Могли бы подсказать, как организовывается

2 ответов

Похожие вопросы