반응형 Front-end/Vue.js1 [Vue.js] v-model 없이도 양방향처럼? 단방향(v-bind)과 양방향(v-model) 바인딩 개념, 체크박스 예시 공부하면서 헷갈렸던 개념 중 하나가 단방향 바인딩과 양방향 바인딩이었습니다.처음에는 데이터를 주고받는 구조면 다 양방향 바인딩(v-model)인 줄 알았는데,단방향(v-bind)에 이벤트를 추가해서 양방향처럼 보이게 만들 수도 있다는 걸 알게 되었습니다. 이 글에서는 Vue에서의 v-bind와 v-model의 차이를체크박스 예제를 통해 간단히 정리해 보았습니다.1. 단방향 바인딩이란? (v-bind)단방향 바인딩은 데이터가 한 방향(부모->자식)으로만 흐르는 구조입니다.Vue에서는 v-bind나 :를 사용하여 속성에 데이터를 전달합니다. imageUrl 값이 바뀌면 이미지가 바뀌지만,사용자가 이미지를 클릭하거나 수정해도 imageUrl은 자동으로 바뀌지 않습니다. 2. 양방향 바인딩이란? (v-model.. 2025. 4. 13. 이전 1 다음 반응형
