JSFiddle - React, Tailwind, and code Playground
HTML
<div id="app">
<ul class="list">
<li v-for="(b, index) in blocks">
<div v-on:click="b.isShow = !b.isShow">{{ b.name }}</div>
<div v-show="b.isShow" class="block">{{ index + 1 }} block</div>
</li>
</ul>
</div>
JavaScript
new Vue({
el: '#app',
data: {
blocks: [
{ isShow: false, name: 'Один' },
{ isShow: false, name: 'Два' },
{ isShow: false, name: 'Три' }
]
}
})