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

Displaying cart items

Now we're adding the products to our cart array. In this video, we're going to work on rendering those in the page.

Product list

Down here in the cart section of the template, 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.

index.html

<div class="cart">
    <h2>Shopping Cart</h2>
    <ul>
        <li v-for></li>
    </ul>
    <div>

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


Click to load comments...