vue watch2 [Vue.js] compositionAPI에서 watch사용법 📌1. Composiotion API의 감시자 Vue.js에서 'watch'는 특정 데이터의 변화를 감지해서 원하는 코드를 실행해주는 기능입니다. 주로 API 호출, 데이터 유효성 검사 등 특정 데이터가 변경되자마자 어떠한 작업을 수행하려는 경우에 유용하게 사용됩니다. Vue3의 CompositonAPI에서는 감시자로 watch와 watchEffect를 사용할 수 있는데요, 이번 글에서는 watch()함수의 사용법을 하나씩 알아보도록 하겠습니다. 📌 2. watch 사용법 watch(source, (newValue, oldValue) => { ........ }); 1) 첫번째 인자: 감시하려는 소스 ① ref - ref를 사용하는 반응형 데이터 ② reactive - reactive의 getter함수를.. 2024. 4. 21. [Vue.js] Immediate Watch를 이용한 🏴1. 구현 의도 test.vue {{ `${cam.cameraSeq}. ${cam.cameraName}` }} export default { props: { info : { type: Object, }, }, data() { return { cam: { cameraSeq: '', cameraName: '' } } }, watch: { info: { handler(newVal) { this.cam = newVal; }, } } }; Vue.js에서는 props를 통해 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 수 있습니다. 저는 test.vue에서 부모로부터 props를 이용해서 info 데이터를 받았습니다. 그리고 info를 cam에 바인딩해서 카메라정보를 화면에 뿌려주려고 하는데요. 실제 구현.. 2024. 2. 15. 이전 1 다음
