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

안녕하세요!

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

 

[개발 환경]

 - OS: windows 10 64bit

 - nodejs: v16.16.0

 - npm: 8.15.0

 - yarn: 1.22.19

 

 

＃값 변경은 ref로 사용할 수 있지만, reactive도 변경할 수 있습니다.

ref는 모든 형식에 사용할 수 있지만, reactive는 Object, List만 사용할 수 있습니다.

그럼 ref가 더 좋은 게 아니냐라고 생각할 수 있지만, reactive는 ref보다 간결하게 코딩이 가능합니다.

또한, reactive는 계산 속성이 가능합니다. (ref는 사용 불가)

 

 

# ref는 값을 변경하기 위해서 변수명.value를 사용했지만, reactive로 선언된 변수는 바로 바인딩이 가능합니다.

 

 

# reactive는 계산 속성을 사용할 수 있습니다.

ref와 reactive의 차이를 알아보았습니다.

프뚜는 ref를 더 많이 사용하지만, 상황에 맞게 데이터 바인딩에 사용하시면 됩니다.

 

 

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