๋ชฉ๋กVue๋ฐ์ดํฐ๋ฐ์ธ๋ฉ (1)
๐ค ์์งlog ๐ค
React ์ํด์ด์์ง๋ง ๋ฌ๋์ปค๋ธ๊ฐ ๋ฎ๊ณ ์ฝ๋ค๋ ์๊ธฐ์ vue ๊ณต๋ถ๋ฅผ ์์ํด ๋ดค๋๋ฐ ๋จ๋ ๐น ๋๋ฌด ์ฝ์๋,, ๊ฐ๋จํด ,, ์ด๊ฒ ๋ญ๋ ,, ์ ์ด์ ์ ๊ฑฐ์ง ,, ๋ฌผ๋ก ๋ฆฌ์กํธ๋งํผ ๊น๊ฒ ํ๊ณ ๋ ๊ฑด ์๋์ง๋ง ๊ณต๋ถํ๋ ๋ด๋ด ์ฌ๋ฏธ์์๋ค ใ _ใ ! ์ฝ๋ฉ์ ํ๋ ๊ฐ์ ์ค ๋ฌด๋ฃ๊ฐ์ ๋ถ๋ถ๋ง ๋ณด๊ณ ์กฐ๊ธ ๊ณต๋ถํด ๋ดค๋ค. ๐ ๋ฐ์ดํฐ ๋ฐ์ธ๋ฉ { { } } : 1. script ํ๊ทธ ๋ด์ data( ){ return { } } ๋ฐ์ดํฐ์ ์ฅ์๋ฅผ ๋ง๋ค์ด ๋๊ณ object์๋ฃ ํ์์ผ๋ก ์์ฑ ํ { { ๋ฐ์ดํฐ์ด๋ฆ } } 2. HTMLํ๊ทธ ์์ฑ๋ ๋ฐ์ดํฐ๋ฐ์ธ๋ฉ๊ฐ๋ฅ -> ์์ฑ ์์ : ๋ถ์ฌ์ฃผ๋ฉด ๋จ ex) :์์ฑ="๋ฐ์ดํฐ์ด๋ฆ" {{ products[0] }} ๐ 70๋ง์ {{ products[1] }} 50๋ง์ {{ products[2] }} 100๋ง์ ..