250x250
Recent Posts
Recent Comments
Link
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- ์นด์นด์ค์ฑ์ฉ
- ๋ธ๋ฃจํธํฌ์ค
- svgํ์ผ ๋ค๋ฃจ๊ธฐ
- Node.js
- ํ๋ก๊ทธ๋๋จธ์ค
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์ฝ๋ฉํ ์คํธ
- ์ด๋ถํ์
- React
- ์๊ณ ๋ฆฌ์ฆ
- ๋์ ๊ณํ๋ฒ
- custom hook
- DP
- ๋ถ์คํธ์ปจํผ๋ฐ์ค
- icecandidate
- ๋๋๊ทธ ์ด๋ฒคํธ
- js
- TypeScript
- router v6
- ์นด์นด์ค
- ๋ถ์คํธ์บ ํ์น๋ชจ๋ฐ์ผ
- ์ด๋ฏธ์ง ์์
- JavaScript
- Redux toolkit
- ์ฝํ
- ์๋ฐฉํฅ ์ฐ๊ฒฐ ๋ฆฌ์คํธ
- ๊ณผ์ ํ ์คํธ
- ๋ฐฑ์ค
- ์ฝ๋ ํฌ๋ฉง
- ๋ฆฌ๋์ค ํดํท
Archives
- Today
- Total
๐ฅ dev-ruby
[Vue] #10 - watcher ๋ฐ์ดํฐ ๊ฒ์ฌ ๋ณธ๋ฌธ
728x90
๋ฐ์ํ
SMALL
1. watcher๋?
์ฌ์ฉ์๊ฐ input์ ์ ๋ ฅํ ์๋ฃ์ ์ ํ์ด ์ผ์นํ๋์ง ๊ฒ์ฌํด์ฃผ๋
2. ์ฌ์ฉ๋ฒ
watch(){ }
- export default์ watch๋ผ๋ ์ด๋ฆ์ผ๋ก ๋ฑ๋ก
watch : { ๊ฐ์ํ ๋ฐ์ดํฐ(){ // ๋์ ์์ฑ } }
- ๊ทธ ์์ ๊ฐ์ํ ๋ฐ์ดํฐ ์ด๋ฆ์ผ๋ก ํจ์ํ์์ผ๋ก ์์ฑ
watch : { month(a){ if(a >= 13) alert('13๊ฐ์์ ์ํ์์~!'); }, },
- ๊ทธ๋ผ month๋ผ๋ ๋ฐ์ดํฐ๊ฐ ๋ณํ ๋๋ง๋ค month์์ ์๋ ์ฝ๋๊ฐ ์คํ๋๋ค
2-1. month(a){}
a๋ month์ ๊ฐ์ด๋ค
2-2. month(a,b){}
b๋ ๋ณ๊ฒฝ ์ ๋ฐ์ดํฐ๊ฐ ๋๋ค
728x90
๋ฐ์ํ
LIST
'Vue' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Vue] #12 - ๋ฐ์ดํฐ ์๋ณธ ๋ณด์กด (0) | 2021.08.06 |
---|---|
[Vue] #11 - UI ์ ๋๋ฉ์ด์ (0) | 2021.08.06 |
[Vue] #9 - input (0) | 2021.08.06 |
[Vue] #8 - ์์ ์ปดํฌ๋ํธ๋ก ๋ฐ์ดํฐ ์ ์ก -> ์์์ด ๋ถ๋ชจ๋ฐ์ดํฐ๋ฅผ ๋ฐ๊พธ๊ณ ์ถ๋ค๋ฉด? (0) | 2021.08.06 |
[Vue] #0 ๋จ์ถํค๋ชจ์ (0) | 2021.08.06 |