Vue.js 반응형 API:

ref()

전달된 값을 가지게되고, 가리키는 단일속성 .value가 있는 변경가능한 ref객체를 반환

• ref객체는 반응형이며, .value속성에 새로운 값을 넣을 수 있다. 즉, .value에 대한 모든 읽기 작업이 추적되며, 쓰기 작업은 이벤트를 트리거한다.
• 객체가 ref의 값 .value로 할당되면, reactive()로 내부 깊숙히 반응하게된다. 이런 동작은 내부 깊숙히 ref가 포함되어있으면, 언래핑됨을 의미한다.
• 내부깊숙이까지 언래핑되는 것을 방지하기 위해서 shallowRef()를 사용한다.

const count = ref(0)
console.log(count.value) // 0

count.value++
console.log(count.value) // 1

computed()