Articles
Latest
More
Newsletter Sponsorship Discord About
Sign up for our Newsletter
The video for this lesson is currently being updated, please read the transcript instead.
Build Your First Vue.js App > Lesson 16

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>

Back to course page

Click to load comments...

Articles
  • Latest
Newsletter
  • Join
  • Sponsorship
More
  • Discord
  • Vue.js jobs
  • About

Vue.js Developers © 2021. View our privacy policy .

  • RSS
  • |
  • Atom