[{"data":1,"prerenderedAt":50},["ShallowReactive",2],{"content-\u002Fdocs\u002Fmigration":3},{"id":4,"title":5,"body":6,"description":42,"extension":43,"meta":44,"navigation":45,"path":46,"seo":47,"stem":48,"__hash__":49},"content\u002Fdocs\u002Fmigration.md","迁移",{"type":7,"value":8,"toc":35},"minimark",[9,12,16,20,23,26,29,32],[10,11,5],"h1",{"id":5},[13,14,15],"p",{},"迁移不必从整个应用开始。选择一个职责清楚的页面区域，把行为、样式和验证一次闭环，再将同样的步骤推广到下一个区域。",[17,18,19],"h2",{"id":19},"迁移顺序",[13,21,22],{},"先盘点当前交互与可访问性要求，然后安装 MoriUI 并接入全局样式。优先替换 Button、Input 等叶子组件，最后处理 Dialog、菜单和导航这类需要上下文的组合组件。",[17,24,25],{"id":25},"替换样式",[13,27,28],{},"删除旧组件专属的颜色、圆角和焦点样式，改用 Nova 的语义 Token 工具类。不要把历史选择器搬进新组件，也不要在页面内复制主题变量。",[17,30,31],{"id":31},"验证交互",[13,33,34],{},"每替换一个区域，都要运行类型检查和测试，并用键盘确认焦点顺序、Escape 关闭、禁用状态与错误提示。浅色和深色模式都通过后，再删除旧实现。",{"title":36,"searchDepth":37,"depth":37,"links":38},"",2,[39,40,41],{"id":19,"depth":37,"text":19},{"id":25,"depth":37,"text":25},{"id":31,"depth":37,"text":31},"把现有 Vue 界面分阶段迁移到 MoriUI。","md",{},true,"\u002Fdocs\u002Fmigration",{"title":5,"description":42},"docs\u002Fmigration","zpYqFGzBpx19CeBaOTH5TMtf0oVNOqpW-CrDLzToMuU",1784368649991]