tyrel/learnin-some-vue
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

s3e43 keeping track of elements when using v-for

Browse Source
This commit is contained in:
Tyrel Souza 2018-04-13 23:13:40 -04:00
parent a333938377
commit 1f9047ff09
No known key found for this signature in database
GPG Key ID: 5A9394D4C30AEAC0
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -8,10 +8,12 @@
<body> <body>
<div id='app'> <div id='app'>
<ul> <ul>
<li v-for="(ingredient, i) in ingredients"> <li v-for="(ingredient, i) in ingredients" :key="ingredient">
({{i+1}}) {{ ingredient }} ({{i+1}}) {{ ingredient }}
</li> </li>
</ul> </ul>
<button @click="ingredients.push('spices')"> Add New</button>
<hr> <hr>
<template v-for="(ingredient, index) in ingredients"> <template v-for="(ingredient, index) in ingredients">
<h1>{{ingredient}}</h1> <h1>{{ingredient}}</h1>