๐ Reference
๐ Chapter
nextTick()
Options API
Composition API
Lifecycle
- Lifecycle
- ๋ผ์ดํ ์ฌ์ดํด
- ๋ชจ๋ฐ์ผ ์ฑ์ ๋น๋กฏํ์ฌ ์ผ๋ฐ์ ์ผ๋ก ์ ํ๋ฆฌ์ผ์ด์
์ด ๊ฐ์ง๋ ์๋ช
์ฃผ๊ธฐ๋ฅผ ์๋ฏธํ๋ค.
- ์ธ์คํด์ค๋ ์์ฑ โ ๋ง์ดํธ โ ์๋ฉธ์ ๋ผ์ดํ ์ฌ์ดํด์ ๊ฐ๋๋ค.
- ์ธ์คํด์ค ๋ผ์ดํ ์ฌ์ดํด์ด๋, ๋ทฐ์ ์ธ์คํด์ค๊ฐ ์์ฑ๋์ด ์๋ฉธ๋๊ธฐ๊น์ง ๊ฑฐ์น๋ ๊ณผ์ ์ ์๋ฏธํ๋ค.
- ์ธ์คํด์ค๊ฐ ์์ฑ๋๊ณ ๋๋ฉด ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ด๋ถ์ ์ผ๋ก ๋ค์๊ณผ ๊ฐ์ ๊ณผ์ ์ด ์งํ๋๋ค.
- data ์์ฑ์ ์ด๊ธฐํ ๋ฐ ๊ด์ฐฐ (Reactivity ์ฃผ์
)
- ๋ทฐ ํ
ํ๋ฆฟ ์ฝ๋ ์ปดํ์ผ (Virtual DOM โ DOM ๋ณํ)
- ์ธ์คํด์ค๋ฅผ DOM์ ๋ถ์ฐฉ


Lifecycle- ์์ฑ
- ์ธ์คํด์ค ์ํ์ ๋ฐ๋ผ ํธ์ถํ ์ ์๋ ์์ฑ
beforeCreate
, created
, beforeMount
, mounted
, beforeUpdate
, updated
, beforeDestory
, destroyed
- ์ด 8๊ฐ