EmberJS-구성 요소
Ember.js 구성 요소는 W3C 웹 구성 요소 사양을 사용하며 진정한 캡슐화 UI 위젯을 제공합니다. 여기에는 템플릿 , Shadow DOM 및 사용자 정의 요소 와 같은 세 가지 주요 사양이 포함되어 있습니다 . 구성 요소는 일반 문자열 대신 경로 이름이 있고 "components /"접두사가 붙은 data-template-name 내에서 선언됩니다.
다음 표는 액션의 액션 이벤트를 나열합니다-
| S. 아니. | 액션 이벤트 및 설명 |
|---|---|
| 1 | 구성 요소 정의 Ember.js에서 구성 요소를 쉽게 정의 할 수 있으며 각 구성 요소에는 이름에 대시가 있어야합니다. |
| 2 | 구성 요소 수명주기 구성 요소 수명주기는 구성 요소 수명의 특정 시간에 코드를 실행하기 위해 일부 메서드를 사용합니다. |
| 삼 | 구성 요소에 속성 전달 구성 요소는 템플릿 범위에서 직접 속성에 액세스하지 않습니다. 따라서 컴포넌트 감속시 속성을 선언하면됩니다. |
| 4 | 구성 요소에 내용 래핑 템플릿을 사용하여 구성 요소의 내용을 래핑 할 수 있습니다. |
| 5 | 구성 요소 요소 사용자 지정 JavaScript에서 Ember.Component 의 하위 클래스를 사용하여 속성, 클래스 이름과 같은 구성 요소의 요소를 사용자 지정할 수 있습니다 . |
| 6 | 블록 매개 변수 사용 구성 요소에 전달 된 속성은 결과를 블록 식으로 반환 할 수 있습니다. |
| 7 | 이벤트 처리 더블 클릭, 호버링, 키 누름 등과 같은 사용자 이벤트는 이벤트 핸들러로 처리 할 수 있습니다. 이렇게하려면 이벤트 이름을 구성 요소의 메서드로 적용합니다. |
| 8 | 액션으로 변경 트리거 구성 요소는 작업을 사용하여 변경 사항을 트리거하고 이벤트와 통신 할 수 있습니다. |