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.
Build Your First Vue.js App > Lesson 16

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>

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