[VUE] 데이터 값 변경하기(ref)

안녕하세요!

프뚜(프로그래머 뚜)입니다!

 

[개발 환경]

 - OS: windows 10 64bit

 - nodejs: v16.16.0

 - npm: 8.15.0

 - yarn: 1.22.19

 

 

＃VUE2에서는 값을 변경할 땐 data영역에 있는 값을 this. 접근 후 변경했습니다.

 

 

＃VUE3에서는 data, methods가 setup에서 처리할 수 있게 되었습니다.

변수의 값을 변경 할 때, ref를 사용하지 않은 변수는 값 변경이 불가능합니다.

ref를 사용한 변수를 변경할 때는 '변수명.value'로 값을 변경해야합니다.

값 변경 function을 실행했지만 ref로 지정하지 않은 notRefName은 변경되지 않는 걸 볼 수 있습니다.

 

 

궁금하신 부분 또는 문제가 생긴 부분에 대해서 댓글 남겨주시면 빠르고 정확한 답변드리겠습니다.