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 |
Tags
- ์ฝ๋ฉํ ์คํธ
- ์ด๋ถํ์
- custom hook
- ๋ถ์คํธ์บ ํ์น๋ชจ๋ฐ์ผ
- JavaScript
- ๋ถ์คํธ์ปจํผ๋ฐ์ค
- ์ฝ๋ ํฌ๋ฉง
- ์นด์นด์ค
- ๊ณผ์ ํ ์คํธ
- ํ๋ก๊ทธ๋๋จธ์ค
- icecandidate
- ๋๋๊ทธ ์ด๋ฒคํธ
- ์๋ฐ์คํฌ๋ฆฝํธ
- Node.js
- ๋ธ๋ฃจํธํฌ์ค
- ๋์ ๊ณํ๋ฒ
- router v6
- ์ด๋ฏธ์ง ์์
- ๋ฆฌ๋์ค ํดํท
- ๋ฐฑ์ค
- svgํ์ผ ๋ค๋ฃจ๊ธฐ
- ์๋ฐฉํฅ ์ฐ๊ฒฐ ๋ฆฌ์คํธ
- ์นด์นด์ค์ฑ์ฉ
- TypeScript
- ์ฝํ
- js
- ์๊ณ ๋ฆฌ์ฆ
- React
- Redux toolkit
- DP
Archives
- Today
- Total
๐ฅ dev-ruby
[Vue] #3 - ์ด๋ฒคํธ ํธ๋ค๋ฌ ๋ณธ๋ฌธ
728x90
๋ฐ์ํ
SMALL
1. ์ด๋ฒคํธ ํธ๋ค๋ฌ
1-1. ๋ฒํผ click
<button v-on:click="jsํจ์"> <button @click="jsํจ์"> => ์ถ์ฝ๋ฐฉ์ jsํจ์๋ช ๋์ ๋์ ์์ฒด๋ฅผ ๋ฃ์ด๋๋จ -> "์ ๊ณ ์ += 1"
1-2. ๋ฒํผ mouseover
<button @mouseover="jsํจ์">
ํจ์ ์์์ ๋ฐ์ดํฐ์ธ ๋ this.๋ฐ์ดํฐ๋ช 1-3. ์ด๋ฏธ์ง ๋ฃ๊ธฐ
์ ๋๊ฒฝ๋ก - http:/ ๊ทธ๋ฅ ๋ฃ๋๋ค
์๋๊ฒฝ๋ก - ./assets/room0.jpg
๋ฌด์กฐ๊ฑด ./๋ก ์์ํ๋ค
728x90
๋ฐ์ํ
LIST
'Vue' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Vue] #6 - ๋ชจ๋ฌ์ฐฝ ๋ด์ ์์ธํ์ด์ง ๋ง๋ค๊ธฐ (0) | 2021.08.06 |
---|---|
[Vue] #5 - ์ํ๋ชฉ๋ก ๋ง๋ค๊ธฐ (0) | 2021.08.06 |
[Vue] #4 - ๋์ ์ธ ๋ชจ๋ฌ์ฐฝ ๋ง๋ค๊ธฐ (0) | 2021.08.06 |
[Vue] #2 - v-for๋ฌธ ์ฌ์ฉํ๊ธฐ (0) | 2021.08.06 |
[Vue] #1 - vue ํ๋ก์ ํธ ์์ํ๊ธฐ (0) | 2021.08.06 |