| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
Tags
- golang
- localStorage
- Vue
- method
- App.vue
- todo-list
- Server
- 행렬
- map
- Refactoring
- reactivity
- toggle
- websocket
- cli
- graceful shutdown
- CDN
- SFC
- Dictionary
- channel
- component
- Vue.js
- container
- URL
- emit
- TODO
- goroutines
- goroutine
- PROPS
- Matrix
- go
Archives
- Today
- Total
목록get (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