JSFiddle - React, Tailwind, and code Playground

by mkdizajn

HTML

<div id="list">
	<a v-on:click="pullData('posts')">Show posts </a> | 
	<a v-on:click="pullData('comments')">Show comments </a>
	<ul>
		<div v-if="type == 'posts' ">
			<li v-for="item in items">
				<div class="title"> {{ item.title }} </div>
				<div class="add1"> {{ item.body }} </div>
			</li>
		</div>
		<div v-else-if="type == 'comments' ">
			<li v-for="item in items">
				<div class="title"> {{ item.name }} </div>
			</li>
		</div>
		<div v-else></div>
	</ul>
</div>