Компонент, який ви написали в Початку роботи, — звичайний клас на 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Це було корисно?ТакНіНазадПочаток роботиДаліСтруктура проєктуНа цій сторінціДитину створюєте ви, і кешуєте теж виНапрямок даних задає операторДвостороннє зв'язування за одне натискання від мовчазного read-onlyЛокалізований рядок лишається рядком, доки ви не заведете ключКомпонент цілкомЩо видає компіляторЧого рукописний клас не може віддати інструментамПро обсягЩо обратиType to search the documentation.
