๐Ÿ“• Language/Vue

[Age of Vue] Vue.js ์‹œ์ž‘ํ•˜๊ธฐ - 3. MVVM ๋ชจ๋ธ์—์„œ์˜ Vue

a n u e 2022. 4. 26. 22:32

Vue?

MVVM ํŒจํ„ด์˜ ๋ทฐ๋ชจ๋ธ ๋ ˆ์ด์–ด์— ํ•ด๋‹นํ•˜๋Š” ํ™”๋ฉด๋‹จ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

 

Vue์˜ ํŠน์ง• ๋‘๊ฐ€์ง€

1. DOM listener

2. Data binding

 

view๋‹จ์—์„œ ํŠน์ • ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด DOM listener๊ฐ€ ์ฒญ์ทจํ•œ ๋’ค, ์ด๋ฒคํŠธ๋ฅผ ์žก์•„ Javascript์— ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ๋ณ€๊ฒฝํ•ด์ฃผ๊ฑฐ๋‚˜ ์ง€์ •ํ•ด์žˆ๋Š” ๋กœ์ง์„ ์‹คํ˜„ํ•จ. JavaScript ๋ฐ์ดํ„ฐ๊ฐ€ ๋ณ€๊ฒฝ๋˜๋ฉด Data bindings ํ†ตํ•˜์—ฌ ํ™”๋ฉด์— ๋ฐ˜์˜