how to hide specific div when i click div in vue js

<template>
 <div v-for="(item ,index) in items" v-if="showing">
                <span @click="showing=false"></span>
 </div>
</template>
    <script>

            export default{
                       showing:true,
                       items: [
                          {'name':'a'},
                          {'name':'b'},
                          {'name':'c'},
                       ],
            }
    </script>

how to hide specific div when i click div ** when i do this way it`s all of them was hide**

via Aslan Muhammad-Rza