smalljs$molجستجو⌘ Kمستنداتزمین بازیمقایسهاکوسیستمدربارهFA
مسیریابیGetting Startedمعرفیمدل ذهنیشروع به کاراز تایپ‌اسکریپت به view.treeساختار پروژهابزارهاEssentialsنصبنماهاوضعیت و واکنش‌گراییمسیریابیرندرتست‌نویسیاستقراررفع اشکالDataدریافت دادهطرح‌واره‌های دادهGiper BazaMoreویتریناز React، Vue و Svelteکتابِ آشپزیAdvancedپلاگین‌هافراداده‌های ماژولآفلایننماهای شبحAboutپرسش‌های پرتکرارتیمانتشارهاAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

مسیریابی

مسیریابی در $mol یک کتابخانهٔ جداگانه نیست — URL فقط تکه‌ای دیگر از وضعیت واکنش‌گراست. آن را بخوانید، بنویسید، و نماها همان‌طور واکنش نشان می‌دهند که به هر سلولی واکنش نشان می‌دهند. دکمهٔ بازگشت، پیوندهای عمیق و URLهای قابل‌اشتراک همه رایگان به دست می‌آیند.

URL به‌عنوان وضعیت

$mol_state_arg پارامترهای URL را به‌عنوان مقادیر واکنش‌گرا در معرض دید قرار می‌دهد. یکی را به یک ویژگی متصل کنید و نوار نشانی به منبع حقیقت شما تبدیل می‌شود:1namespace $.$$ {2 export class $my_app extends $.$my_app {3 @ $mol_mem4 page( next?: string ) {5 return $mol_state_arg.value( 'page', next ) ?? 'home'6 }7 }8}خواندن page() مقدار کنونی را برمی‌گرداند؛ فراخوانی page('about') پیمایش می‌کند. هر چیزی که page() را می‌خواند هنگام تغییر دوباره رندر می‌شود — از جمله دکمهٔ بازگشت مرورگر، که سلول را برای شما به‌روز می‌کند.

جابه‌جایی میان صفحه‌ها

یک مقدار مسیریابی‌شده را با یک switch ساده ترکیب کنید تا انتخاب کنید چه چیزی رندر شود. چون نماها تنبل هستند، صفحه‌هایی که نشان نمی‌دهید هرگز ساخته نمی‌شوند:1@ $mol_mem2body_content() {3 switch ( this.page() ) {4 case 'about': return [ this.About() ]5 case 'docs': return [ this.Docs() ]6 default: return [ this.Home() ]7 }8}

پیوندهایی که آرگومان تنظیم می‌کنند

در view.tree، یک پیوند می‌تواند آرگومان‌های URL را به‌صورت اعلانی تنظیم کند — کلیک روی آن بدون هیچ هندلری پیمایش می‌کند:1<= About_link $mol_link2 arg *3 page \about4 sub / <= about_label \About$mol_link وقتی آرگومان‌هایش با URL کنونی مطابقت داشته باشد خودش را نیز فعال (mol_link_current) علامت می‌زند، بنابراین برجسته‌کردن صفحهٔ کنونی به هیچ وضعیت اضافه‌ای نیاز ندارد.

چند پارامتر

آرگومان‌ها مستقل‌اند، پس یک صفحه می‌تواند هم‌زمان بر اساس چند تا مسیریابی کند. همین سایت مستندات بر اساس هر دو section و page مسیریابی می‌کند:1<= Guide_link $mol_link2 arg *3 section \docs4 page \viewsهر کلید از طریق URL رفت‌وبرگشت می‌کند، پس هر نمایی به‌طور ذاتی قابل‌اشتراک و قابل‌نشانه‌گذاری است. تنظیم یک آرگومان بقیه را دست‌نخورده می‌گذارد، که پیوندهای عمیق را — یک بخش و صفحه و لنگرِ مشخص — صرفاً به مسئلهٔ تنظیم کلیدهایی که برایتان مهم‌اند تبدیل می‌کند.
ویرایش این صفحه در GitHubآیا این مفید بود؟بلهخیرقبلیوضعیت و واکنش‌گراییبعدیرندر
در این صفحهURL به‌عنوان وضعیتجابه‌جایی میان صفحه‌هاپیوندهایی که آرگومان تنظیم می‌کنندچند پارامتروضعیتی که نباید در URL باشدبعدی
Type to search the documentation.