smalljs$molПоиск⌘ KДокументацияПесочницаСравнениеЭкосистемаО проектеRU
От TypeScript к view.treeGetting StartedВведениеМентальная модельБыстрый стартОт TypeScript к view.treeСтруктура проектаИнструментарийEssentialsУстановкаВьюСостояние и реактивностьРоутингРендерингТестированиеДеплойРешение проблемDataЗагрузка данныхСхемы данныхГипер БазаMoreВитринаИз React, Vue и SvelteСборник рецептовAdvancedПлагиныМетаданные модуляОфлайнGhost-вью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

От TypeScript к view.tree

Компонент, который вы написали в Быстром старте, — обычный класс на TypeScript. Он компилируется, он работает, и это поддерживаемый способ описать компонент $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Было полезно?ДаНетНазадБыстрый стартВперёдСтруктура проекта
На этой страницеРебёнка создаёте вы, и кешируете тоже выНаправление данных задаёт операторДвусторонняя связь в одно нажатие от молчаливого read-onlyЛокализуемая строка остаётся строкой, пока вы не заведёте ключКомпонент целикомЧто выдаёт компиляторЧего рукописный класс не может отдать инструментамПро объёмЧто выбрать
Type to search the documentation.