Conditionals and List Vue

by Megi93

HTML

<div id="app">
	<button v-on:click="show = !show">Show / Hide</button>
	<p v-if="show">I'm part-time visible!</p>
	<p v-else>Am I visible?</p>
	<p v-show="show">Hurray, I'm here! </p>
	<hr>
	<ul>
		<li v-for="(person, index) in persons"> {{ person.name }} - {{ index }}</li>
	</ul>
</div>

JavaScript

new Vue ({
	el: '#app',
	data: {
		show: true,
		persons: [
			{name: 'Megi', age: 24},
			{name: 'Aco', age: 24},
			{name: 'Djurdjica', age: 23}
		]
	}
})