📌 목차 Introduction computed watchEffect watch Conclusion Reference 📌 Introduction 안녕하세요. 이번 포스팅에서는 computed와 watch에 대해 알아보겠습니다. 해당 코드는 여기서확인할 수 있습니다. 📌 computed computed는 기존 vue 2에서의 computed와 같습니다. 다른 점은 immutable ref object를 반환합니다. import { ref, computed } from 'vue'; export default { setup() { const count = ref(1); const plusOne = computed(() => count.value + 1); const onClick = () => ..
📌 목차 Introduction ref unref toRef toRefs isRef customRef shallowRef triggerRef Conclusion Reference 📌 Introduction 안녕하세요. 이번 포스팅은 vue3의 refs에 대해 알아보겠습니다. 해당 코드는 여기서확인 하실수 있습니다. 📌 ref ref inner value로 reactive하고 mutable한 객체를 반환합니다. ref 객체는 value property를 가지고 있습니다. import { ref } from 'vue'; export default { setup() { const count = ref(0); const onClick = () => { console.log(count); // { ..
📌 목차 Introduction reactive readonly isProxy isReactive isReadonly toRaw markRaw shallowReactive shallowReadonly Conclusion Reference 📌 Introduction 안녕하세요. 오늘은 vue3의 새로운 reactive apis에 대해 알아보겠습니다. 해당 코드는 여기서 확인할 수 있습니다.🎉 📌 reactive reactive는 deep-copy된 object를 반환합니다. import { reactive } from 'vue'; export default { name: 'App', setup() { const obj = reactive({ count: 0 }); const c..
