Aurelia, @customElement의 목적과 이점은 무엇입니까

Question

@customElement ('some-element') 데코레이터를 사용하는 목적이 정확히 무엇인지 궁금합니다. 이점은 무엇입니까? 보통 나는 '몇 가지 요소'를 사용할 때이 같은 템플릿에 추가 :

require(from='./some-element') 

사용자 정의 속성이 해당 요소에 부착하고 해당 요소가 영구적으로 명명 함께하면 우리가 확인할 수 만인가 협약?

Answer 1

는 @customElement(elementName) 장식은 명시 적 요소 이름을 지정하지 않으면 아우렐 리아는 DOM

에 인식, 아우렐 리아는 요소의 이름을 계산하는 규칙을 사용하는 사용자 정의 요소에 대한 이름을 설정합니다. 국제 대회는 수출 이름 하이픈 (케밥 케이스).

사용 규칙은 DOM에서

export class MyElement { } // the export name is "MyElement" 

:

<my-element> 

는 DOM에서

@customElement('hello-world') 
export class MyElement {} 

대 :

<hello-world> 

이 생을 갖는 몇 가지 장점이 있습니다 명시 적 명명 - 그 중 하나는 응용 프로그램에서 해당 사용자 정의 요소의 모든 사용법을 업데이트하지 않고 코드에서 클래스 이름을 리팩터링하는 것입니다. 또 다른 것은 플러그인을 작성하고 Aurelia의 규칙을 변경하여 최종 사용자가 사용자 정의 요소를 손상시킬 수 없도록하려는 경우입니다. 명시 적으로 말하면 이것은 불가능합니다.

파일의 실제 이름은 해당 형식을 저장하는 데 사용되지 않으며 모듈 내용이 파일 내용을 찾고로드하는 데 사용됩니다.