๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ปดํฌ๋„ŒํŠธ1

Vue.js(3) Vue ์ธ์Šคํ„ด์Šค ์†์„ฑ ๋ฐ ์ปดํฌ๋„ŒํŠธ Vue ์ธ์Šคํ„ด์Šค new Vue({ el:, template:, data: , methods: , created: , watch: , }); el: ์ธ์Šคํ„ด์Šค๊ฐ€ ๊ทธ๋ ค์ง€๋Š” ํ™”๋ฉด์˜ ์‹œ์ž‘์  template: ํ™”๋ฉด์— ํ‘œ์‹œํ•  ์š”์†Œ data: ๋ฐ์ดํ„ฐ methods: ์ด๋ฒคํŠธ ํ•จ์ˆ˜๋“ค created: ๋ผ์ดํ”„์‚ฌ์ดํด ์ค‘ ํ•˜๋‚˜ watch: data์—์„œ ์ •์˜ํ•œ ์†์„ฑ์ด ๋ณ€๊ฒฝ๋์„ ๋•Œ ์ถ”๊ฐ€ ๋™์ž‘์„ ์ •์˜ computed: ๋ฐ์ดํ„ฐ๋ฅผ ๊ณ„์‚ฐํ•œ ๊ฒฐ๊ณผ๋ฅผ ์†์„ฑ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ methods ํ•จ์ˆ˜์ €์žฅ์†Œ computed ๋ฐ์ดํ„ฐ์˜ ๊ฐ’์— ๋”ฐ๋ผ์„œ ๋ฐ”๋€Œ๋Š” ๊ฐ’์„ ์ •์˜ํ•˜๋Š” ์†์„ฑ์ด๋‹ค. ํ…œํ”Œ๋ฆฟ ๋‚ด์— ํ‘œํ˜„์‹์„ ๋„ฃ์„ ์ˆ˜ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ฐ„๋‹จํ•œ ์—ฐ์‚ฐ์ผ ๋•Œ๋งŒ ์ด์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค. {{ message.split('').reverse().join('') }} ์ด๋ ‡๊ฒŒ ์—ฐ์‚ฐ.. 2022. 10. 9.
๋ฐ˜์‘ํ˜•