๐ย Reference
ref
ref
๋ฅผ ์ฌ์ฉํด์ ๋ฐ์ํ ๋ณ์๋ก data
๋ฅผ ๋ณดํต์ ์๋ฐ์คํฌ๋ฆฝํธ ํจ์๋ก methods
๋ฅผ ๋์ฒดํ๋ค.
- Vue ํ
ํ๋ฆฟ์ DOM ๋๋ ์ปดํฌ๋ํธ๋ฅผ ๊ฐ๋ฆฌํจ๋ค.
- Vue 3์์๋ reactive reference๋ฅผ ์๋ฏธํ๋ค.
- ๊ฐ์ฒด๋ฅผ ํฌํจํ ์์ ํ์
๋ชจ๋ ๋ฐ์ ์ ์๋ค.
- ๋ฐ์ํ์ด๋ค. (๊ฐ์ด ๋ณํจ์ ๋ฐ๋ผ ๊ฐ์งํ๊ณ ํด๋น ๊ฐ์ ๋ํ ์์
์คํ)
- ์ดํ ์ฌ์ฉ์ ์ํด์ ํ๋ํ๋
return
์ ํด์ผ ํ๋ค.
- ๊ฐ์
.value
๋ฅผ ํตํด ์ ๊ทผํด์ผ ํ๋ค.
- ๋ด๋ถ ๊ฐ์ ์ทจํ๊ณ ๋ด๋ถ ๊ฐ์ ๊ฐ๋ฆฌํค๋ ๋จ์ผ ์์ฑ
.value
๋ฅผ ๊ฐ๋ ๋ฐ์์ ์ด๊ณ ๋ณ๊ฒฝ ๊ฐ๋ฅํ ref
๊ฐ์ฒด๋ฅผ ๋ฐํํ๋ค.
ref
๊ฐ์ฒด๋ ๋ณ๊ฒฝ ๊ฐ๋ฅํ๋ค.