当状态变化时，React 会先在内存中生成虚拟 DOM 树，与旧树对比差异（Diffing 算法），最后仅更新真实 DOM 的必要部分。UI 被拆分为独立可复用的组件，每个组件管理自身状态（State）和接收外部数据（Props）。组件分为函数组件和类组件，现代 React 推荐使用函数组件配合 Hooks。JSX 是 JavaScript 的语法扩展，允许在代码中直接编写类似 HTML 的结构。

expandIcon支持返回React节点实现完全自定义，可通过expanded参数判断当前状态。"收起" : "展开"}><Button}}/></Tooltip>}}

定制事件显示样式，展示时间和标题：tsx// 事件内容渲染return (<divstyle={{}}</div>通过实现事件内容的个性化展示，区分时间和标题显示。统一处理单天 / 跨天事件的展示逻辑，解决跨天时间异常问题实现日期权限控制和事件数量限制，提升用户体验自定义事件样式和交互逻辑，满足个性化需求完整的中文本地化配置，符合国内使用习惯该组件可以直接集成到 React 项目中，通过简单的配置

Vue 组件以 “声明式、贴近 HTML” 为核心，封装度高、上手快，适合快速开发；React 组件以 “函数式、JSX 融合” 为核心，灵活性强，适合复杂场景。两者核心目标一致：将页面拆分为独立、可复用的组件，降低维护成本。无需纠结 “谁更好”，核心是根据团队技术栈、项目复杂度选择适配的方案 —— 甚至可以通过 Umi、Vite 等工具实现两套组件的互通使用。组件化的本质是 “分而治之”，无论

将路由分为「常量路由」（无需权限，如登录页）和「异步路由」（需权限，如首页、系统管理）：javascript运行// 引入过滤函数// 1. 常量路由（所有用户可见）meta: { hidden: true } // 侧边栏隐藏},// 2. 异步路由（需权限过滤）meta: { title: '首页', icon: 'dashboard' }},component: () => import('

通过 Props 灵活配置「是否显示背景图」「页面标题」「二维码内容」等核心参数，适配不同业务场景：javascript运行// 定义通用Props，支持外部传参配置// 是否显示背景图showBg: {default: true // 默认显示背景图},// 页面标题default: '二维码分享'},// 二维码内容（支持外部传入）},// 二维码尺寸比例（视口占比）qrScale: {});

本文完整覆盖了 React 移动端项目的搭建全流程：从环境准备→项目初始化（Vite+React 18）→移动端适配（rem/vw）→UI 库集成（Antd Mobile）→核心功能开发（路由、下拉刷新、交互优化）→打包发布。适配方案优先选择 rem（兼容性好）或 vw（配置简单）；UI 库推荐 Antd Mobile（React 生态适配最好）；打包优化重点是按需引入和分包，减小移动端加载体积；

本文完整讲解了 Vue 移动端项目的搭建流程：从环境准备→项目创建→适配配置→UI 库集成→功能开发→打包发布，核心是解决移动端适配和交互问题。实际开发中可根据项目需求选择适配方案（rem/vw）、扩展更多功能（如支付、分享、定位），并结合 ESLint、Prettier 保证代码规范。掌握这套流程后，你可以快速搭建各类 Vue 移动端项目（电商、资讯、工具类 App），后续可深入学习 Vue 3

UniApp 是由 DCloud 推出的跨平台应用开发框架，基于 Vue.js 语法规范，整合了微信小程序、App（iOS/Android）、H5、百度小程序、支付宝小程序、抖音小程序等主流平台的开发能力。开发者只需编写一套代码，即可编译为多个平台的应用，大幅降低多端开发的成本。UniApp 凭借 Vue.js 语法、跨端覆盖广、开发效率高的优势，成为多端开发的首选框架之一。从环境搭建到项目创建，

在 Vue3 中，computed(计算属性) 和watch(监听属性) 是处理响应式数据的两大核心 API，也是 Vue 开发中高频使用的基础知识点。二者都能监听响应式数据的变化，但设计初衷、使用场景、特性完全不同。很多初学者容易混淆它们的用法，比如：什么时候用计算属性？什么时候用监听属性？为什么明明能用 computed 实现的功能，用 watch 会显得臃肿？计算属性衍生新数据，用声明式的方