vue
test
by evzens
HTML
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
<ul>
<li v-for="(ingredient, i) in ingrediens" :key="ingredient">{{ ingredient}}: {{ i }}</li>
</ul>
<button @click="ingrediens.push('spices')">
Add
</button>
<hr>
<ul>
<li v-for="person in persons">
<div v-for="(value, key, index ) in person">{{ value }}:{{ key }}:({{ index }})</div>
</li>
</ul>
</div>JavaScript
new Vue({
el: '#app',
data: {
ingrediens: ['meat', 'fruit','cookies'],
persons: [
{name: 'Max', age: 27, color:'red'},
{name: 'Anna', ange: 'unknown', color: 'blue'}
]
}
});