페이지 컴포넌트 사용하기
ofa.js를로드 한 후 글로벌로 'o-page'라는 페이지 구성요소가 자동으로 추가됩니다. 이 구성요소는 페이지 모듈을로드하기 위해 사용됩니다. 페이지 모듈은 특수한 종류의 구성 모듈이며 사용자 정의 태그로 등록되지 않고 'o-page' 구성요소를 통해로드됩니다.
페이지 모듈은 컴포넌트 모듈과 비슷하지만 약간 다릅니다. 페이지 모듈은 page
속성을 사용하여 템플릿을 정의하며, component
속성을 사용하지 않습니다. 페이지 모듈의 개발 로직은 컴포넌트 모듈과 마찬가지로 동일한 템플릿 문법과 템플릿 컴포넌트를 사용합니다. 그러나 페이지 모듈은 attrs
속성을 사용할 수 없습니다. 왜냐하면 페이지의 매개변수는 일반적으로 URL을 통해 전달되기 때문이기 때문입니다.
이 예제에서 o-page
구성 요소는 page.html
페이지 모듈을로드하는 데 사용됩니다. 페이지 모듈에서 page
속성을 사용하여 템플릿을 정의하고, URL의 쿼리 매개변수 count
가 페이지 모듈로 전달되어 데이터를 초기화하는 데 사용됩니다. 페이지 내의 버튼 클릭 이벤트는 데이터를 업데이트하고 페이지에 표시할 수 있습니다.