data functiuon - Function Declarations VS Arrow Function
์ํฉ
๋ฆฌํฉํ ๋ง ์์
์ ํ๋์ค์ ์๋ ์ฝ๋์ ๊ฐ์ด
๊ฐ์ data
ํจ์์ธ๋ฐ ์ด๋ค ์ฝ๋์ ES5 ์ด๋ค๊ฑด ES6 ๋ฌธ๋ฒ์ธ arrow function์ผ๋ก ์์ฑ๋์ด ์์๋ค.
๋ฌด์จ ์ฐจ์ด์ผ๊น ์ถ์ด์ ์ฐพ์ ๋ณด์๋ค.
๊ฒฐ๋ก
๋ทฐ ์ฝ๋์์
props
๋ก ๋ฐ์ ๋ฐ์ดํฐ๋ฅผ ์ฌ์ฉํ๋ ค๋ฉด ํ์ดํํจ์๋ก ๋ง๋ data: () => {}
๋ ์ฌ์ฉํ์ง ๋ชปํ๋ค. ์ด์ ๋ this
๊ฐ vue Instance ์ด๊ธฐ ๋๋ฌธ!!!
data(){}
์ผ๋ฐ ํจ์์ this
๋ ๋ด๋ถ์์ ๋ถํฐ ๊ฐ์ ์ฐพ์๋ด๊ธฐ ๋๋ฌธ์ ์ฌ์ฉ์ด ๊ฐ๋ฅํ๋ค.
์ฐธ๊ณ
Last updated