| 1 |
|
| 2 |
<div> |
| 3 |
<button @click="insert">insert at random index</button> |
| 4 |
<button @click="reset">reset</button> |
| 5 |
<button @click="shuffle">shuffle</button> |
| 6 |
|
| 7 |
<TransitionGroup tag="ul" name="fade" class="container"> |
| 8 |
<div v-for="item in items" class="item" :key="item"> |
| 9 |
{{ item }} |
| 10 |
<button @click="remove(item)">x</button> |
| 11 |
</div> |
| 12 |
</TransitionGroup> |
| 13 |
</div> |
| 14 |
|
| 15 |
// From https://vuejs.org/examples/#list-transition |
| 16 |
|
