반응형 reactive1 [Vue] Vue3 ref, reactive 사용해보기 이번에 vue3에서 composition api가 추가됨으로써 vue2 사용자 시점에서 ref와 reactive에 대하여 간단한 예제 소스를 작성해 보았다. 1. data()와 ref() 기존 vue2에서 데이터를 핸들링 할때는 사실 반응형이라는것에 신경쓰지 않고 사용했던거 같다. {{text}} 2초 뒤에 text를 변경하는 예제이다. 반응형이라는것이 그냥 당연하다고만 여겨졌었다.. {{text1}} {{text2}} 동일한 vue3의 예제이다. 실행해보면 2초뒤에 text1은 변경이 되지 않고, ref를 사용한 text2는 변경이된것을 확인 할 수 있다. setTimeout안에서 vue2와는 다르게 this를 사용하지 않으며, ref에 접근하기 위해서는 .value로 접근해야 된다. 최종적으로 tex.. 2020. 9. 20. 이전 1 다음 반응형