์‹œ์ž‘ํ•˜๋ฉฐ

Vue์˜ ๋ฐ˜์‘ํ˜• ์‹œ์Šคํ…œ์˜ ์„ธ๋ถ€์‚ฌํ•ญ์„ ๋‹ค๋ค„๋ด…๋‹ˆ๋‹ค.

๋ฐ˜์‘ํ˜•์— ๋Œ€ํ•ด ๊นŠ์ด ์•Œ์•„๋ณด๊ธฐ

๋ณ€๊ฒฝ ๋‚ด์šฉ์„ ์ถ”์ ํ•˜๋Š” ๋ฐฉ๋ฒ•

Vue ์ธ์Šคํ„ด์Šค์— data ์˜ต์…˜์œผ๋กœ ์ „๋‹ฌํ•˜๋ฉด ๋ชจ๋“  ์†์„ฑ์— Object.defineProperty ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ getter/setters ๋กœ ๋ณ€ํ™˜ํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ์ปดํฌ๋„ŒํŠธ ์ธ์Šคํ„ด์Šค๋Š” ํ•ด๋‹น watcher ์ธ์Šคํ„ด์Šค๊ฐ€ ์žˆ์œผ๋ฉฐ, ์ด ์ธ์Šคํ„ด์Šค๋Š” โ€œ์ˆ˜์ •โ€๋œ ๋ชจ๋“  ์†์„ฑ์„ ๊ธฐ๋กํ•ฉ๋‹ˆ๋‹ค. ๋‚˜์ค‘์— ์ข…์†์ ์ธ setter๊ฐ€ ํŠธ๋ฆฌ๊ฑฐ ๋˜๋ฉด watcher์— ์•Œ๋ฆฌ๊ณ  ๋‹ค์‹œ ๋ Œ๋”๋ง ๋ฉ๋‹ˆ๋‹ค. img.png

๋ณ€๊ฒฝ ๊ฐ์ง€ ๊ฒฝ๊ณ 

Vue๋Š” ์†์„ฑ์˜ ์ถ”๊ฐ€ ์ œ๊ฑฐ๋ฅผ ๊ฐ์ง€ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.