watch

    [Vue.js] ๋ฌธ๋ฒ• ๊ธฐ์ดˆ 2ํŽธ(props, v-bind, v-on, router, axios)

    [Vue.js] ๋ฌธ๋ฒ• ๊ธฐ์ดˆ 2ํŽธ(props, v-bind, v-on, router, axios)

    ๐Ÿ’ก watch ์†์„ฑ data์˜ ๋ณ€ํ™”์— ๋”ฐ๋ผ์„œ ํŠน์ • ๋กœ์ง์„ ์‹คํ–‰ ์šฐ์„  vue ์ธ์Šคํ„ด์Šค ๋‚ด๋ถ€์— ๋“ค์–ด๊ฐ€๋Š” ์†์„ฑ ์ˆœ์„œ el, data, watch, methods ๋“ฑ watch ์•ˆ์— data ๊ฐ’์ธ num์„ ๊ณ ์ •ํ•ด๋‘  watch๋ž‘ computed๋Š” ๋น„์Šทํ•œ ๋Š๋‚Œ์„ ๊ฐ–๊ณ  ์žˆ์Œ ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ์„œ๋น„์Šค ๊ตฌํ˜„์— ์žˆ์–ด์„œ์˜ ์ฐจ์ด์ ์€??? computed ๋Š” ๋‹จ์ˆœํ•œ ๊ณ„์‚ฐ, ํ…์ŠคํŠธ ์ž…๋ ฅ ๊ฐ’์„ ๋ฐ›์•„์„œ validation watch๋Š” ๋ฌด๊ฑฐ์›€, ๋งค๋ฒˆ ์‹คํ–‰๋˜๋Š” ๊ฒƒ์ด ๋ถ€๋‹ด์Šค๋Ÿฌ์šด ๊ฒƒ๋“ค!!!!!!!!( ์ค‘์š”) ๊ฐ’์˜ ๋ณ€ํ™”๋ฅผ ๊ณ„์† ์ถ”์ ํ•จ function(newValue, oldValue) ๋ผ๋Š” ๊ตฌ์กฐ๋ฅผ ๊ฐ–๊ณ  ์žˆ์Œ this.fetchUserByNumber(newValue) ๐Ÿ’ก computed ์†์„ฑ์„ ์ด์šฉํ•œ ํด๋ž˜์Šค ์ฝ”๋“œ ์ž‘์„ฑ๋ฐ” boolean ํƒ€์ž…์— ๋Œ€ํ•œ..