Vue列表循环注册点击事件，显示不同组件该怎么做？谢谢

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

<div class="yewuList">
     <div v-for="(ywItem,itemId) in ywItems" :key="itemId" @click="ywblTan(itemId)">
          <img :src="ywItem.src" />
          <p>{{ ywItem.ywTitle }}</p>
     </div>
</div>
<item1 v-if="item1" @close="item1=false"></item1>


data() {
        return {
            item0: false,
            item1: false,
            item2: false,
            item3: false,
            item4: false,
    },
ywblTan(itemId) {
        if (itemId == 0) {
            this.item0= true;

        } else if (itemId == 1) {
            this.item1= true;

        } else if (itemId == 2) {
            this.item2= true;

        } else if (itemId == 3) {
            this.item3= true;

        } else if (itemId == 4) {
            this.item4= true;

        }
    }