javascript – Begrenzen Sie die Anzahl der Elemente beim Rendern von Vue-Listen

Question

Wie kann ich das Rendern auf nur 2 Daten beschränken?

<ul>
    <li v-for="i in data" v-text="i"></li>
</ul>

data: ['a','b','c','d']

Answer 1

<ul>
    <li v-for="(i, index) in data" v-if="index < 2" v-text="i"></li>
</ul>

Answer 2

<ul>

<li v-for="i in data.slice(0, 2)" v-text="i"></li>

</ul>