[Vue] 변경된 값이 페이지에서 동일하게 표시되지 않는 현상

문제

- 변수 값을 변경하였으나 페이지 화면에서는 변경되지 않는 현상

 

원인

- 일반 변수는 값을 변경하여도 DOM에 접근할 수 없다.

 

해결 

- DOM에 접근 하기 위해 ref 속성을 사용해야 한다.

const value = 0; (X)
const value = ref(0); (O)

---

참고

https://ko.vuejs.org/guide/essentials/template-refs

Vue.js