Как фильтровать компоненты Vue?

Question

[Dmitry]

Добрый день.
Представим следующие компоненты на странице Home:

<post-container
          v-for="post in posts"
          :title="post.title"
          :body="post.body"
/>

<slider
          <slide>Content 1</slide>
          <slide>Content 2</slide>
          <slide>Content 3</slide>
          <slide>Content 4</slide>
/>

Допустим, слайдер статичный а посты динамичны.
Необходимо сделать так, чтобы пост с самым большим рейтингом отображался как самый первый элемент, затем, отображается слайдер, а уже после - Все остальные посты. Так вот, как можно реализовать фильтр расположения разных компонентов в одном темплейте? Vue 3

Answer 1

[Антон Антон]

Ну сделай вычисляемое свойство "посты, начиная со второго". выводи первый пост, потом слайдеры, потом это вычисляемое свойство. Еще можно v-for сделать у виртуального компонента (тег template), внутри которого будет пост и если индекс = 0, то ещё и слайдер