# v-on

9개의 포스트
post-thumbnail

Vue) 03. event handler.. (v-on:click)

React로 치면 onClick 이벤트를 Vue에서는 어떻게 사용할까?Vue에서는 v-on:\[이벤트]="자바스크립트 or 함수"의 문법을 사용한다.Vue에서는 데이터 저장함과 같이, 함수를 저장하는 공간이 존재한다. 아래의 코드와 같이 methods: {} 안에 함수

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

Vue 공식문서 - 시작하기

Vue 기초 - (v-bind, v-if, v-for, v-on, v-model)

2022년 7월 25일
·
0개의 댓글
·

[Vue] 이벤트 및 수식어

연결된 메소드 한번만 실행@submit이벤트 동작은Button의 타입이 "submit"인 버튼을 누르면이벤트 버블링에 의해 동작하고,\+추가로 기본 form 동장방지 ( 새로고침, 제출 )를 위해 prevent 수식어를 달아 준다.각각 1, 2, 3, 4 별로자식, 부

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

[Vue] : 이벤트 핸들링

v-on디렉티브는 @기호로, DOM 이벤트를 듣고 특정한 반응에 동작할 때와 JavaScript를 실행할 때 사용한다.속성 값으로 메소드의 이름을 받는다.원본 DOM 이벤트에 액세스 해야할 때 $event를 통해 전달할 수도 있다.여러 효과를 사용할 때는 생략했던 ()

2022년 6월 5일
·
0개의 댓글
·

Vue 이벤트 처리(v-on)

v-on 이벤트 처리

2021년 11월 3일
·
0개의 댓글
·

[TIL] Day-35

vue에서는 클래스에 여러 개의 데이터를 연결할 수 있도록 하는 패턴(객체, 배열)을 제공한다.객체 리터럴을 쓰면 값이 true인 키값이 class속성 값으로 적용된다.선택자에 해당하는 스타일을 따로 지정해줘야 한다.{적용될 클래스 이름 : t/f의 값이 담긴 data

2021년 10월 1일
·
0개의 댓글
·
post-thumbnail

이벤트 핸들링(v-on)

v-on 정리

2021년 8월 5일
·
0개의 댓글
·
post-thumbnail

[ Vue.js ] Vue 가이드 - 사용자 입력 핸들링

node : v14.17.1Vue : v2Vue.js 가이드를 참고하여 작성v-on(https://kr.vuejs.org/v2/api/index.html - 엘리먼트에 이벤트 리스너를 연결, 이벤트 유형은 전달인자로 표시표현식은 메소드 이름 또는 인라인

2021년 6월 28일
·
0개의 댓글
·

[Vue] - Basic 속성

v-bind data 를 바인딩 해준다. v-bind 대신 :(콜론) 으로 축약해서 사용 가능 data, methods 키값을 this.키값으로 사용 대부분의 html 속성에 적용 가능하다. v-on 이벤트를 사용할 수 있다.

2020년 8월 22일
·
0개의 댓글
·