목록Proxy (1)

ksundev 님의 블로그

Vue의 반응성(Reactivity) 시스템 이해하기

1. 반응성 시스템이란?Vue의 핵심 기능 중 하나인 반응성 시스템은 데이터의 변화를 감지하고, 그에 따라 화면을 자동으로 업데이트하는 메커니즘입니다.2. 기본 구현 예제HTML 구조 JavaScript 구현// 1. 반응형 데이터 정의var data = { message: 10}// 2. 렌더링 함수function render(sth) { var div = document.querySelector('#app'); div.innerHTML = sth;}// 3. Proxy를 사용한 반응성 구현var app = new Proxy(data, { get() { console.log('값 접근') }, set(target, prop, newValue) { ..
[개발] Vue.js/기본 2025. 6. 16. 15:56
이전 Prev 1 Next 다음