计算属性名是低代码中语义桥接的关键设计点：组件包通过约定命名的computed字段（如displayValue）声明响应式出口，渲染器按名消费、自动映射Schema配置，依赖缓存提升性能，并配合元数据声明实现自动发现与兼容。
计算属性名本身不直接实现解耦，但它能成为低代码组件包与核心渲染器之间“语义桥接”的关键设计点。真正起作用的是：用计算属性名作为配置契约的映射标识，让组件包声明“我暴露哪些可响应式字段”，让渲染器只按名消费、不侵入逻辑。
用计算属性名定义可被渲染器识别的响应式出口
低代码组件包中的每个业务组件，应通过 computed 显式声明一组带明确命名的响应式字段（如 displayValue、isValid、isDisabled），这些名字不是随意起的，而是遵循平台统一约定的“渲染契约字段集”。
- 例如，所有表单类组件都必须提供
displayValue（用于画布预览显示）、rawValue（用于数据提交）、errorText（用于校验反馈） - 渲染器在解析 Schema 时，不调用组件的
data或methods，只尝试读取这些约定名的计算属性 - 若某组件未定义
displayValue，渲染器可降级显示占位符或报配置缺失警告，而不崩溃
把计算属性名作为 Schema 字段与组件实例的绑定键
在低代码编辑器中，用户配置一个组件时（比如设置“输入框的默认值”），实际是往 Schema 的 props 里写入键值对。渲染器需将该配置自动映射到组件实例的响应式上下文中——而这个映射关系，正是靠计算属性名打通的。
- Schema 中写：
{"props": {"defaultValue": "张三"}} - 组件内定义：
computed: { displayValue() { return this.props.defaultValue || ''; } } - 渲染器只需执行
instance.displayValue，就拿到当前配置下的实时展示值，无需知道组件内部如何组织props或data
利用计算属性的缓存和依赖追踪规避重复求值
当 Schema 动态更新（如条件显隐、联动赋值），渲染器频繁读取组件状态时，若每次都是函数调用或手动计算，性能会急剧下降。而 Vue 计算属性天然具备依赖收集与缓存能力：
- 组件内
displayValue依赖this.props.value和this.formState?.editing，只要这两者不变，多次读取返回同一结果 - 渲染器在画布重绘、预览刷新、表达式求值等场景下反复访问该名，不会触发冗余逻辑
- 这使得组件包可以自由封装复杂逻辑（如格式化、权限过滤、异步状态推导），而渲染器仍保持轻量、无感
配合元数据声明，让计算属性名可被平台自动发现
仅靠运行时读取不够稳定。建议在组件包的物料描述文件（如 schema.json）中，显式声明所支持的计算属性名及其语义：
"computedExports": ["displayValue", "isValid", "pending"]"displayValue": { "type": "string", "description": "用于画布中显示的文本内容" }- 编辑器可据此生成右侧属性面板；渲染器可据此做类型校验与 fallback 处理
- 这样，即使组件升级了内部实现（比如把
displayValue从computed改为defineModel+watch），只要名字和语义不变，上层依然无缝兼容
