๊ด€๋ฆฌ ๋ฉ”๋‰ด

๐Ÿ–ฅ dev-ruby

[Vue] #10 - watcher ๋ฐ์ดํ„ฐ ๊ฒ€์‚ฌ ๋ณธ๋ฌธ

Vue

[Vue] #10 - watcher ๋ฐ์ดํ„ฐ ๊ฒ€์‚ฌ

ruby_s 2021. 8. 6. 11:18
728x90
๋ฐ˜์‘ํ˜•
SMALL

1. watcher๋ž€?

์‚ฌ์šฉ์ž๊ฐ€ input์— ์ž…๋ ฅํ•œ ์ž๋ฃŒ์˜ ์œ ํ˜•์ด ์ผ์น˜ํ•˜๋Š”์ง€ ๊ฒ€์‚ฌํ•ด์ฃผ๋Š”

2. ์‚ฌ์šฉ๋ฒ•

  1. export default์— watch๋ผ๋Š” ์ด๋ฆ„์œผ๋กœ ๋“ฑ๋ก
watch(){ }
  1. ๊ทธ ์•ˆ์— ๊ฐ์‹œํ•  ๋ฐ์ดํ„ฐ ์ด๋ฆ„์œผ๋กœ ํ•จ์ˆ˜ํ˜•์‹์œผ๋กœ ์ž‘์„ฑ
watch : { ๊ฐ์‹œํ• ๋ฐ์ดํ„ฐ(){ // ๋™์ž‘ ์ž‘์„ฑ } }
  1. ๊ทธ๋Ÿผ month๋ผ๋Š” ๋ฐ์ดํ„ฐ๊ฐ€ ๋ณ€ํ•  ๋•Œ๋งˆ๋‹ค month์•ˆ์— ์žˆ๋Š” ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋œ๋‹ค
watch : { month(a){ if(a >= 13) alert('13๊ฐœ์›”์€ ์•ˆํŒ”์•„์š”~!'); }, },

2-1. month(a){}

a๋Š” month์˜ ๊ฐ’์ด๋‹ค

2-2. month(a,b){}

b๋Š” ๋ณ€๊ฒฝ ์ „ ๋ฐ์ดํ„ฐ๊ฐ€ ๋œ๋‹ค

728x90
๋ฐ˜์‘ํ˜•
LIST