The video for this lesson is currently being updated, please read the transcript instead.

Displaying cart items

Now we're going to work on displaying the products in the cart. So down here in the cart section we're going to put an unordered list tag.

We'll then put a list item inside it, and we'll use the v-for directive to iterate our cart items.

<div class="cart">
    <h2>Shopping Cart</h2>
    <ul>
        <li v-for></li>
    </ul>
    <div>
        Total: {{ total }}
    </div>
</div>

To view the complete lesson you'll need to login or join this course.


Click to load comments...