--- title: '响应式数据优化' description: '蓝河框架基于 Proxy 实现响应式追踪机制，data 对象中的每个属性都会创建监听代理。优化数据层可显著降低内存消耗，提升渲染速度。' lastUpdated: 2025-04-27T03:06:02.000Z --- 蓝河框架基于 Proxy 实现响应式追踪机制，data 对象中的每个属性都会创建监听代理。优化数据层可显著降低内存消耗，提升渲染速度。 ## 消除冗余响应式数据 **推荐级别：强烈** 未使用的响应式数据仍会触发依赖收集，导致内存占用增加。 **优化方案** - 采用普遍变量声明非响应式数据 **反例 1** ```html ``` **正例 1** ```html ``` **反例 2** ```html ``` **正例 2** ```html ``` ## 静态属性访问规范 **推荐级别：强烈** **编译优化:** 动态属性访问会导致，阻碍编译时的优化分析。 **反例** ```html ``` **正例** ```html ``` ## 数据结构层级优化 **推荐级别：鼓励** 对于动态绑定的数据，不宜嵌套层级过深，建议不超过 3 层。 **反例** ```html ``` **正例** ```html ```