Vue JS 2 Tutorial #12 - Looping with v-for

Hey ninjas, in this Vue JS tutorial I'll show you how to work with v-for to loop through data.

----- COURSE LINKS:

---------------------------------------------------------------------------------------------

========== PSD to WordPress Playlist ==========

============== The Net Ninja =====================

================== Social Links ==================

[rb]

I am very bad at programming and not a native speaker and even I do understand the way you explain this stuff. Love it. Don't change anything!

[thecodinghustle]

Shaun is somewhat obsessed with ninjas... i bet.. had he not been a developer... he'd surely be a ninja Thanks for not being a ninja... you saved my life! XD

[miefrejoles]

The Best Vue Tutorial ever existed . Thanks :)

[PezhvakIMV]

template tag was something new for me, thanks!

[ahmedmusawir]

You are Correct! This is The BEST Vue js tutorial seriese on the Internet so far ... Trust me when I say this, cuz I've seen them alll ... At least all top ones ... THANX Dude ... We'd appreciate if you could give as some training on Vue.js and WordPress REST API. Thanx in advance.

[etymology_]

I posted a v-for question on stack overflow trying to loop through an array & access a specific object using dot notation in the iterator like you did with ninja.name..The people on stack overflow with thousands of points in their reputation said I could not add the dot notation to my iterator & down voted my question..I come on to youtube watch 5 min into this video & solve my problem. I am actually pretty shocked how bad & toxic stack overflow has really become.

[sweetlabong]

Completely understandable! Thank you for providing helpful tutorials :)

[JakobPapirov]

I find vue to be something really awesome! Thanks a bunch for this tutorial!

[onlineuniversity]

You are awesome!! The Net Ninja! you made Vue understand very easy. I appreciate your time and skills. Hope you have more material in Front-end to study.

[rhaychristianras]

Thank you for your tutorials! More power to you man!!!

[steriadi]

You are the best. I managed to understand vue!

[JoeBob]

Very good as usual, except for one glaring error: There's no way that Ken is 30 years older than Ryu!

[xx]

Hi Net Ninja , on what all tags does v-for works . Thanks for the video

[mauricemakesmovies]

How would I go about the following problem? I have a Customer object and within that Customer object I have an Address object which has several properties like Street, Postal Code, etc. But I want to output all Customer properties AND ONLY the Street property within the Address object? So not the postal code and other properties. I can't seem to figure it out...

[trueMaxi]

How do I do if I want to print, for example, ninja.age + 1?

[chhinsras]

One question: when I copy static html (5 card section from admin-lte). It shows good. But, when I use v-for to loop item <div class="row mt-3">
<div v-for="member in members.data" :key="member.id">
<div class="col-md-4">
<div class="card table-responsive p-0 card-primary card-outline">
<div class="card-body">
{{{html with Then, it complies okay no error. but the layout gone crazy. Any idea. why did this happend?. I beleive something wrong with style when vue is looping. NOTE: Only style problem other okay

[docartt]

How can I change a specific array item in an array....specifically lets say just Yoshi's age in the ninjas array

[samlovescoding]

you teach good and vue seems good. but i dont see any of the stuff to be used practically. i mean as a web designer i dont see where i can use it?

[pengleab]

Thank you so much for a good code with VueJS Loop

[arreankit]

What if we need to traverse in range of any index1 to index2 ?