از تایپ‌اسکریپت به view.tree

مؤلفه‌ای که در

شروع به کار نوشتید یک کلاس معمولیِ تایپ‌اسکریپت است. کامپایل می‌شود، اجرا می‌شود و یکی از راه‌های پشتیبانی‌شده برای توصیف مؤلفهٔ $mol است.همان مؤلفه از شما خواست چهار چیز را در ذهن نگه دارید که هیچ ربطی به کارِ خودِ مؤلفه ندارند. این صفحه آن‌ها را یکی‌یکی برمی‌دارد و خطِ view.tree را نشان می‌دهد که هر کدام را حذف می‌کند. بعد کدی را نشان می‌دهد که کامپایلر تولید می‌کند تا خودتان بسنجید: درخت زمانِ اجرای دومی نیست، همان کلاسی را می‌سازد که پیش‌تر نوشته‌اید.این هم دوبارهٔ آن فایل، برای مقایسه:1namespace $ {2 3 export class $my_hello extends $mol_page {4 5 title() {6 return 'Greeting'7 }8 9 body() {10 return [ this.Name(), this.Message() ]11 }12 13 @ $mol_mem14 Name() {15 const obj = new this.$.$mol_string16 obj.hint = () => 'Enter your name'17 obj.value = ( next?: string ) => this.name( next )18 return obj19 }20 21 @ $mol_mem22 name( next?: string ) {23 return next ?? ''24 }25 26 @ $mol_mem27 Message() {28 const obj = new this.$.$mol_view29 obj.sub = () => [ this.greeting() ]30 return obj31 }32 33 greeting() {34 const name = this.name()35 return name ? `Hello, ${ name }!` : 'Please enter your name'36 }37 38 }39 40}ویرایش این صفحه در GitHubآیا این مفید بود؟بلهخیرقبلیشروع به کار بعدیساختار پروژهدر این صفحهفرزند را خودتان می‌سازید و خودتان هم کش می‌کنید جهتِ داده را عملگر می‌گوید پیوند دوطرفه یک کلید تا «فقط‌خواندنیِ خاموش» فاصله دارد رشتهٔ قابل‌بومی‌سازی تا وقتی کلید نسازید فقط یک رشته است کل مؤلفه کامپایلر چه بیرون می‌دهد چیزی که کلاسِ دست‌نویس به هیچ ابزاری نمی‌دهد اندازهٔ ماجرا کدام را بنویسیم