smalljs$mol搜索⌘ K文档演练场对比生态系统关于ZH
插件Getting Started介绍心智模型快速上手从 TypeScript 到 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

插件

插件是没有自己 DOM 元素的组件。它不渲染到页面中,而是把行为附加到宿主它的那个组件的元素上——很像一个指令。你在 view.tree 里的 plugins / 下列出插件;它们与视图并肩运行,但从不出现在其 sub 中。1$my_app $mol_view2 plugins /3 <= Theme $mol_theme_auto4 <= Search_key $mol_hotkey5 key *6 K? <=> open_search?7 sub /8 <= Content $my_content因为插件共享其宿主的元素,它可以给那个元素添加事件监听器、属性或响应式副作用,而无需用额外的标记把它包起来。

你会经常用到的插件

$mol_hotkey——绑定键盘快捷键。key * escape? <=> close? 在 Escape 时运行 close;设置 mod_ctrl true 以要求 Ctrl/⌘。$mol_theme_auto——为宿主子树应用亮/暗主题。$mol_nav——在一列组件间用方向键导航(keys_ycurrent_y)。$mol_speech——语音识别输入。

编写一个

插件扩展 $mol_plugin(它本身就是无元素的),通常把一个 event 接到一个处理器:1$my_autosave $mol_plugin2 event *3 ^4 input? <=> save? null通过某个视图的 plugins / 列表把它附加到该视图,它就会增强该视图的元素。
在 GitHub 上编辑此页这有帮助吗?上一页食谱下一页模块元数据
本页内容你会经常用到的插件编写一个
Type to search the documentation.