시작하기에서 작성한 컴포넌트는 평범한 TypeScript 클래스입니다. 컴파일되고, 실행되고, $mol 컴포넌트를 기술하는 공식 지원 방식 가운데 하나이기도 합니다.동시에 그 파일은 컴포넌트가 하는 일과는 무관한 네 가지를 머릿속에 담아두라고 요구했습니다. 이 페이지는 그것들을 하나씩 꺼내어, 각각을 없애주는 view.tree 한 줄을 보여줍니다. 마지막에는 컴파일러가 생성하는 코드를 보여드립니다. 트리가 두 번째 런타임이 아니라는 것을 직접 확인할 수 있습니다. 트리가 만들어내는 것은 당신이 이미 쓴 바로 그 클래스입니다.비교를 위해 그 파일을 다시 놓습니다.1namespace ${23export class $my_helloextends$mol_page{45title(){6return 'Greeting'7}89body(){10return [this.Name(),this.Message()]11}1213@ $mol_mem14Name(){15const obj=new this.$.$mol_string16obj.hint=()=>'Enter your name'17obj.value=(next?:string)=>this.name(next)18return obj19}2021@ $mol_mem22name(next?:string){23return next??''24}2526@ $mol_mem27Message(){28const obj=new this.$.$mol_view29obj.sub=()=>[this.greeting()]30return obj31}3233greeting(){34const name=this.name()35return name?`Hello, ${ name }!`:'Please enter your name'36}3738}3940}GitHub에서 이 페이지 편집도움이 되었나요?예아니요이전시작하기다음프로젝트 구조이 페이지에서자식은 당신이 만들고, 캐시도 당신이 한다데이터가 어느 쪽으로 흐르는지는 연산자가 말한다양방향 바인딩은 키 하나 차이로 조용한 읽기 전용이 된다지역화 가능한 문자열은 키로 만들기 전까지 그냥 문자열이다컴포넌트 전체컴파일러가 내놓는 것손으로 쓴 클래스가 도구에게 건네줄 수 없는 것분량 이야기무엇을 쓸까Type to search the documentation.
