[Vue.js]"~ is declared but its value is never read.Vetur(6133)" 에러 해결 방법

현상

• 다음과 같은 에러 메세지 발생

~ is declared but its value is never read.Vetur(6133)

 

원인

• 선언한 메서드를 return에 적지 않아서 발생하는 문제
• 선언한 메서드를 이벤트에 연결했는데도 원하는대로 동작하지 않을 때 return에 빼먹었는지 확인하자!

 

해결

• return 에 선언한 메서드 추가

 

[문제 코드]

<script>
import { ref } from 'vue';

export default {
  setup() {
    const name = ref('goldswan');

    const updateName= (e) => {
      name.value = e.target.value;
    }
    return {
     name,
    }
  }
}
</script>

[해결 코드]

<script>
import { ref } from 'vue';

export default {
  setup() {
    const name = ref('goldswan');

    const updateName= (e) => {
      name.value = e.target.value;
    }
    return {
     name,
     updateName,//빼먹은거 추가!     
    }
  }
}
</script>