老师在该小节上提出一个作业：点击列表中某个元素，删除该元素

我的想法是在每个span标签上加一个click事件，但在事件中应该怎么样去获取点击中的列表元素？

const app = Vue.createApp({
        data() {
            return {
                list: [1, 2, 3]
            }
        },

        methods: {
            handleAdd() {
                this.list.unshift(this.list.length + 1)
            },
            handleDelete() {
                this.list.pop()
            },
            hanleClick(event) {
                // 如何获得点击中的元素
                ？？？
            }
        },       
        
        template: `
                <transition-group>
                    <span class="list-item" v-for="item in list" :key="item" @click="hanleClick">{{ item }} </span>
                </transition-group>
                <button @click="handleAdd">增加</button>
                <button @click="handleDelete">减少</button>
        `
    })