Vue 지시문의 수정자는 무엇입니까?-View.js-php.cn

Vue 지시문의 수정자는 무엇입니까?

WBOY

풀어 주다： 2022-03-16 10:35:58

원래의

4497명이 탐색했습니다.

vue에서 명령의 수정자는 ".passive" 및 ".prevent" 중에서 명령이 특별한 방식으로 바인딩되어야 함을 나타내는 데 사용되는 영어 마침표 "."로 표시되는 특수 접미사입니다. "는 함께 사용할 수 없습니다. 함께 사용하면 ".prevent"가 무시되고 브라우저에 경고가 표시되기 때문입니다.

Vue 지시문의 수정자는 무엇입니까?

이 기사의 운영 환경: Windows 10 시스템, Vue 버전 2.9.6, DELL G3 컴퓨터.

vue 명령어의 수식어는 무엇인가요?

Modifier(수식자)는 영어 마침표 .로 표시되는 특수 접미사로, 명령어를 특수한 방법으로 묶어야 함을 나타냅니다.

1, v-bind 명령 수정자

1) camel

바인딩 기능으로 인해 대문자는

Vue 지시문의 수정자는 무엇입니까?

과 같이 소문자로 변환됩니다. 그래서 Vue는 v-bind 수정을 제공합니다. Camel 수정자는 SVG의 viewBox 속성과 같은 DOM 템플릿을 사용할 때 v-bind 속성 이름을 Camelcase로 표시할 수 있도록 허용합니다.

Vue 지시문의 수정자는 무엇입니까?

2) prop

은 DOM 속성(속성)을 바인딩하는 데 사용됩니다.

v-bind는 기본적으로 DOM 노드의 속성에 바인딩됩니다. .prop 수정자를 사용한 후에는 속성에 바인딩됩니다.

Vue 지시문의 수정자는 무엇입니까?

3) sync

2, v-on 명령 수정자

1) 이벤트 수정자

- .stop은 이벤트 버블링을 방지합니다

Vue 지시문의 수정자는 무엇입니까?

- .prevent 기본 이벤트 방지

Vue 지시문의 수정자는 무엇입니까?

- .capture 이벤트 캡처 모드 열기

Vue 지시문의 수정자는 무엇입니까?

- .self

콜백은 리스너가 바인딩된 요소 자체에서 이벤트가 트리거될 때만 트리거됩니다(버블링이 아닌 자체를 클릭할 때만 트리거됨).

Vue 지시문의 수정자는 무엇입니까?

이 수식어를 사용하는 이유는 무엇인가요?

터치 이벤트가 발생하면 빈 기능이 실행되더라도 페이지가 정지됩니다. 브라우저는 리스너가 기본 이벤트를 차단할지 여부를 모르기 때문에 전체 함수가 실행될 때까지 페이지를 스크롤할지 여부를 결정할 수 없습니다. 수동 이벤트 리스너를 사용하면 개발자는 리스너가 기본 동작을 방해하지 않을 것임을 브라우저에 알려 브라우저가 페이지를 안전하고 과감하게 스크롤할 수 있습니다. 통계에 따르면 이는 모바일 페이지의 성능을 크게 향상시킬 수 있습니다. 터치 이벤트의 % 기본 이벤트가 차단됩니다.

2) 키 수정자

키보드 이벤트를 들을 때 세부적인 키 입력을 확인해야 하는 경우가 많습니다. Vue를 사용하면 키보드 이벤트를 수신할 때 v-on에 키 수정자를 추가할 수 있습니다.

URL: https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent/key/Key_Values.

3) 시스템 수정자 키

수정자 키는 일반 키와 다릅니다. 키업 이벤트와 함께 사용하는 경우 이벤트가 트리거될 때 수정자 키를 눌러야 합니다. 즉, 다른 키는 누르고 있는 동안에만 놓을 수 있습니다. keyup.ctrl을 실행합니다. 단순히 Ctrl을 놓으면 이벤트가 트리거되지 않습니다. 이 동작을 원하면 대신 Ctrl 키에 keyCode(keyup.17)를 사용하세요.

- .ctrl

- .alt

- .shift

- .meta

- 정확(정확한 시스템 수정자의 조합으로 트리거되는 이벤트를 제어할 수 있음)

4) 마우스 버튼 수정자

전용 특정 마우스 버튼을 클릭하면 실행 기능이 처리됩니다. (2.2.0+)

- .left

- .right

- .middle

3. v-model의 수정자

1)lazy