[{"data":1,"prerenderedAt":81},["ShallowReactive",2],{"content-\u002Fdocs\u002Fgetting-started":3},{"id":4,"title":5,"body":6,"description":73,"extension":74,"meta":75,"navigation":76,"path":77,"seo":78,"stem":79,"__hash__":80},"content\u002Fdocs\u002Fgetting-started.md","开始使用",{"type":7,"value":8,"toc":66},"minimark",[9,12,16,20,23,26,34,37],[10,11,5],"h1",{"id":5},[13,14,15],"p",{},"MoriUI 提供一组为 Vue 3 准备的界面组件。组件负责可靠的键盘、焦点与状态交互，Nova 主题负责统一而克制的视觉表达；业务代码只需要组合它们。",[17,18,19],"h2",{"id":19},"适用场景",[13,21,22],{},"当团队希望共享交互规则、减少重复样式，并继续保留 Vue 组件的组合自由时，可以从 MoriUI 开始。它既适合新页面，也适合按功能区域逐步替换已有界面。",[17,24,25],{"id":25},"基本组成",[13,27,28,29,33],{},"每个界面由三个部分组成：从 ",[30,31,32],"code",{},"moriui"," 导入的组件、一次性载入的样式入口，以及由业务状态驱动的 Vue 模板。组件不会替你决定数据结构，也不要求额外的全局状态层。",[17,35,36],{"id":36},"下一步",[13,38,39,40,45,46,50,51,55,56,60,61,65],{},"先完成",[41,42,44],"a",{"href":43},"\u002Fdocs\u002Finstallation","安装","，再阅读",[41,47,49],{"href":48},"\u002Fdocs\u002Fthemes","主题","。准备动手时，可以从",[41,52,54],{"href":53},"\u002Fdocs\u002Fcomponents\u002Fbutton","按钮","、",[41,57,59],{"href":58},"\u002Fdocs\u002Fcomponents\u002Finput","输入框","和",[41,62,64],{"href":63},"\u002Fdocs\u002Fcomponents\u002Fdialog","对话框","的完整示例开始。",{"title":67,"searchDepth":68,"depth":68,"links":69},"",2,[70,71,72],{"id":19,"depth":68,"text":19},{"id":25,"depth":68,"text":25},{"id":36,"depth":68,"text":36},"用清晰的边界把 MoriUI 接入 Vue 3 项目。","md",{},true,"\u002Fdocs\u002Fgetting-started",{"title":5,"description":73},"docs\u002Fgetting-started","L8O9Jyu1N3dDMReE3F0xQ0jxzN6C8RkEjMdAaV7RqCA",1784368649989]