O'Reilly logo

The Majesty of Vue.js by Kostas Maniatis, Alex Kyriakidis

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 4. List Rendering

In the fourth chapter of this book, we are going to learn about list rendering. Using Vue's directives we are going to demonstrate how to:

  • Render a list of items based on an array
  • Repeat a template
  • Iterate through the properties of an object
  • Filter an array of items
  • Order an array of items
  • Apply a custom filter to a list

Installing and using Bootstrap

To make our work easier on the eye, we are going to import Bootstrap.

Note

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Head to http://getbootstrap.com/ and click on the Download Bootstrap button. For the time being, we'll just use Bootstrap from the CDN link (https://www.bootstrapcdn.com/) but you can install ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required