์์ ์ปดํฌ๋ํธ์์ ๋ถ๋ชจ ์ปดํฌ๋ํธ๋ก ๋ณด๋ผ ๋ @input > ์ด๋ฒคํธ๋ก ๋ณด๋ผ ์ ์์ 1\. @input ์์ฒด ์ด๋ฒคํธ์์ ๋ฐ๋ก ๋ ๋ ค๋ฒ๋ฆฌ๊ธฐ (์์ ๋ฐฉ๋ฒ)2\. ํ๋ฒ ๊ฝ์ ์ฌ๋ฆฌ๊ธฐ @input="eventName" ์ ์ฌ์ฉํ ํ์ eventName์ this.$emit~ ์ ์ค
:class=''๋ก ์ฒ๋ฆฌํด์ผํ๋ ๊ฒฝ์ฐ 1\. true, false ์ผ์ด์ค๊ฐ ์๋ 2\. ์ผ์ด์ค๊ฐ ์ฌ๋ฌ๊ฐ 3.string์ผ๋ก ์ฌ๋ฌ ์ผ์ด์ค๋ฅผ ๋ฟ๋ ค ์ฃผ๋ ๊ฒฝ์ฐ desc์ ๊ฐ์ ๋ฐ๋ผ class๊ฐ ๋ณ๊ฒฝ๋์ด์ผ ํ๋ ๊ฒฝ์ฐval๋ก desc๋ฅผ ๋ฐ์ type์ ๊ตฌ๋ณํ๊ธฐ ํด์ผํ๋ค. i
> v-deep ๋ฌธ์ ๋๋ฅด๋ฉด ์ด๋ํฉ๋๋ท ๋์ ๊ฒฝ์ฐ์๋ v-html์ ์ฌ์ฉํ๋ฉด์ v-deep์ ๋ํด์ ์๊ฒ ๋ผ์์์ ๋ฏธ๋ฆฌ ๊ณ ์งํฉ๋๋ค.
์ด๊ธ์ ์ฐ๊ฒ๋ ๊ฒฝ์ 1\. vue๋ฅผ ํ ์ค ์๊ฒ ๋๋ฉด์๋ lifecycle์ ๋ํ ์ ํํ ์ดํด๋ณด๋จ ์ฌ์ฉํ๋ ๊ฒ๋ง ์ฌ์ฉํ๊ฒ ๋๋ ๋ฌธ์ ๊ฐ ์์์ 2\. ํ๋จ์ ๊ธฐ์ํ๋ ์คํธ๋ฆฝํธ๊ฐ ๋ฐ๋ก ์ด๊ธ์ ์ฐ๊ฒ ๋ง๋ ์ด์ 3\. ์ด ์ฐธ์ ํ๋ฒ ๋ ํบ์๋ณด๊ธฐ ๋ฌธ์ ์ code1\. keep-a