Modifiers (2) 썸네일형 리스트형 [Vue3] 이벤트 핸들링 (v-on) 1. Inline Handlers- 주로 간단한 상황에 사용한다.- v-on은 생략하고 @만 쓸 수 있다. Add 1 Count: {{ count }} 2. Method Handlers- Inline handlers로는 불가능한 대부분의 상황에서 사용한다.- 기본 DOM Event 객체를 자동으로 수신한다. Hello Inline Handler에서의 메서드 호출- 메서드 이름에 직접 바인딩하는 대신 Inline Handler에서 메서드를 호출할 수도 있다.- 이렇게 하면 기본 이벤트 대신 사용자 지정 인자를 전달할 수 있다. Inline Handlers에서의 event 인자에 접근하기- Inline Handlers에서 원래.. [Vue3] 동적 데이터 바인딩 (v-bind) 1. Attribute Bindings- HTML 속성 값을 Vue의 상태 속성 값과 동기화되도록 한다.- v-bind는 생략하고 : 만 쓸 수 있다. Move to url - 대괄호로 감싸서 argument에 Javascript 표현식을 사용할 수 있다.- 대괄호 안에 작성하는 이름은 반드시 소문자로만 구성 가능하다. (브라우저가 속성 이름을 소문자로 강제 변환)- Javascript 표현식에 따라 동적으로 평가된 값이 최종 argument 값으로 사용된다. Dynamic Attr 2. Class and Style Bindings- 클래스와 스타일 모두 속성이므로 v-bind를 사용하여 문자열 값을 할당할 수.. 이전 1 다음
