Wouter是「轻量级路由工具」，核心优势是体积小、API 简单，适合简单场景；是「全功能路由解决方案」，核心优势是功能全面、生态完善，适合复杂场景。两者没有绝对的「优劣」，选择的核心是「匹配项目需求的复杂度」—— 小项目用 Wouter 更轻量，大项目用 React Router 更省心。

基本类型 → 必须用ref对象/数组：若需整体替换或频繁传递 → 用ref若仅修改属性，且无需传递 → 用reactive优先考虑代码可读性和团队约定，保持项目内风格统一。实际开发中，ref的使用频率通常更高，因为它更灵活且能避免reactive的一些陷阱（如解构丢失响应性）。在 Vue 中，ref和reactiveref和reactive的性能差异主要体现在初始化复杂度和深层属性访问上，但日常开

基本类型 → 必须用ref对象/数组：若需整体替换或频繁传递 → 用ref若仅修改属性，且无需传递 → 用reactive优先考虑代码可读性和团队约定，保持项目内风格统一。实际开发中，ref的使用频率通常更高，因为它更灵活且能避免reactive的一些陷阱（如解构丢失响应性）。在 Vue 中，ref和reactiveref和reactive的性能差异主要体现在初始化复杂度和深层属性访问上，但日常开

由于DOM树的构建和JS代码的执行都要在主进程（渲染进程）上进行，所以当JS代码执行时间过长时（任务执行时长 > 50ms）即出现长任务时会导致页面卡顿掉帧现象。中等优先级，用于处理用户可见的任务，如页面内容渲染、数据更新等，这些任务不需要立即响应但对用户可见性有影响。最高优先级，用于处理用户当前正在交互的任务，如输入响应、动画更新等，需要立即执行以保证流畅的用户体验。最低优先级，用于处理后台任务