Fading in cart items

Let's now add a fade effect on the cart items as they enter page.

In the last video, we made a transition on an single element where a v-if was used to make it enter and leave the DOM.

This time we have a list of items created with a v-for. You might be tempted to wrap a transition around the v-for like this:

<transition>
  <li v-for="item in cart" v-bind:key="item.id" class="cart-item">
    <div class="item-title">{{ item.title }}</div>