Destructuring Variables in Vue.js Loops

This site does not allow itself to be embedded. You can still read it on the original site — the toolbar below keeps your place in the directory.

The v-for attribute allows us to repeat a piece of markup for each item in an array. The example below shows a list being populated from an array of objects. < ul > < li v-for = " item in items " :key = " item.id " > : </ li > </ ul > To show the name and id properties of the item object we use the familiar item.id and item.name syntax. If we were handling this object in plain JavaScript code we…

Read on stuartashworth.com ↗