Courses
Vue Foundations Vue Fullstack Vue Enterprise
Articles
Latest Topics
More
Newsletter Sponsorship Discord About
The video for this lesson is currently being updated, please read the transcript instead.
Vue Foundations > 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...

Courses
  • Vue Foundations
  • Vue Fullstack
  • Vue Enterprise
Articles
  • Latest
  • Topics
Newsletter
  • Join
  • Sponsorship
More
  • Discord
  • Vue.js jobs
  • About

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

  • RSS
  • |
  • Atom