Property or method "data" is not defined on the instance but referenced during render

vue3에서 변수에 값을 받아서 리스트 뿌리는 예제를 해보는데 오류가 난다

 

제대로 했는데 왜 나는지 잘 모르겠다.

오류 내용을 보면 load를 할때 data라는걸 못찾아서 그렇다고 하는데

변수 선언하고 다 했는데 안된다

 

오류는 안나오고 내가 원하는데로 화면은 나왔는데

 

이게 맞는 방법인지는 모르겠다;;;

 

오류가 나는 코드

<template>
    <ul>
        <li v-for="(value, index) in data" :key="index">{{value}}</li>
    </ul>
</template>

<script>
export default {
    setup() {
         const data = ["안녕하세요.","반갑습니다.","godffs 입니다"]
        return data;
    },
}
</script>

 

오류를 수정한 코드

<template>
    <ul>
        <li v-for="(value, index) in data" :key="index">{{value}}</li>
    </ul>
</template>

<script>
export default {
    data(){
        return { 
            data: ["안녕하세요.","반갑습니다.","godffs 입니다"]
        }
    },
}
</script>