โ๐๐ป
๋ฐ์ํ์ ๋ํด ๊น์ด ์์๋ณด๊ธฐ
January 24, 2022
์์ํ๋ฉฐ
Vue์ ๋ฐ์ํ ์์คํ ์ ์ธ๋ถ์ฌํญ์ ๋ค๋ค๋ด ๋๋ค.
๋ฐ์ํ์ ๋ํด ๊น์ด ์์๋ณด๊ธฐ
๋ณ๊ฒฝ ๋ด์ฉ์ ์ถ์ ํ๋ ๋ฐฉ๋ฒ
Vue ์ธ์คํด์ค์ data ์ต์
์ผ๋ก ์ ๋ฌํ๋ฉด ๋ชจ๋ ์์ฑ์ Object.defineProperty ๋ฅผ ์ฌ์ฉํ์ฌ getter/setters ๋ก ๋ณํํฉ๋๋ค.
๋ชจ๋ ์ปดํฌ๋ํธ ์ธ์คํด์ค๋ ํด๋น watcher ์ธ์คํด์ค๊ฐ ์์ผ๋ฉฐ, ์ด ์ธ์คํด์ค๋ โ์์ โ๋ ๋ชจ๋ ์์ฑ์ ๊ธฐ๋กํฉ๋๋ค. ๋์ค์ ์ข
์์ ์ธ setter๊ฐ ํธ๋ฆฌ๊ฑฐ ๋๋ฉด watcher์ ์๋ฆฌ๊ณ ๋ค์ ๋ ๋๋ง ๋ฉ๋๋ค.
๋ณ๊ฒฝ ๊ฐ์ง ๊ฒฝ๊ณ
Vue๋ ์์ฑ์ ์ถ๊ฐ ์ ๊ฑฐ๋ฅผ ๊ฐ์งํ ์ ์์ต๋๋ค.