이벤트가 발생한 요소의 정보 가져오기

위와 같이, 클릭한 요소의 상태를 가져와 하는 경우가 자주 있다.

<template>
    
    <div 
    
        v-for       ="item in data" 
        :key        ="item" 
        @mousedown  ="doSomething(item)"
        v-text      ="item"

    ></div>

</template>

<script>

    export default {

        setup() {

            const data = ['Lee', 'Park', 'Kim', 'Jeong']

            function doSomething(clickedItem) {

                console.log(clickedItem)

            }

            return { data, doSomething }

        }

    }

</script>