Как вывести определенное кол-во объектов массива (Vue JS)?

Question

[n_shipilov]

Имеется компонент, в котором я вывожу все объекты массива.

<div class="post-item" v-for="post in posts">
    <div class="post-item__date">{{post.postDate}}</div>
    <div class="post-item__title">{{post.postTitle}}</div>
</div>

Как реализовать вывод определенного кол-ва элементов массива, используя этот же компонент на другой странице?

Answer 1

[0xD34F]

v-for="post in posts.slice(0, определённое количество)"

Ну и конечно, это можно завернуть в computed свойство.

Comments

[n_shipilov]

А если использовать этот компонент в таком виде:
<post-list></post-list>?

[0xD34F]

n_shipilov, а в чём проблема-то? Сделайте количество выводимых постов свойством компонента или параметром.