计算属性不能直接传参，因其依赖响应式缓存机制；可通过返回函数利用闭包捕获最新响应式数据，实现带参调用，如computed(() => (x) => x * count.value)，注意避免修改源数据和闭包变量共享问题。
计算属性本身不支持直接接收参数，但可以通过返回一个函数来实现“带参调用”的效果。核心在于利用闭包捕获响应式数据，让内层函数能随时访问最新状态。
为什么计算属性不能直接传参？
Vue 的 computed 是基于响应式依赖自动追踪的，它的值必须是可缓存的确定结果。如果允许传参，就无法判断何时该重新求值——参数变、响应式数据不变？还是两者都变？这会破坏缓存机制和响应式逻辑。
所以官方不提供类似 computed(() => (x) => x * count.value) 这种语法糖，但允许你手动返回函数，把参数处理交给闭包完成。
闭包如何让计算属性“记住”响应式数据？
外层 computed 函数体中定义并返回一个内层函数，这个内层函数即使在 computed 重新执行后被再次生成，也能持续访问当时作用域里的 ref 或 reactive 数据。
- 每次 count 或 message 变化，
getFormatted就会重新运行，生成一个新函数 - 这个新函数内部闭包绑定了当前最新的
count.value和message.value - 调用
getFormatted()('【','】')时，执行的是这个最新函数，结果自然是最新的
怎么写一个可复用的带参计算属性？
常见场景如根据类型取不同字段名、格式化带前缀/后缀的文本、按索引查列表项等。写法统一：computed 返回函数，函数内部做逻辑判断或拼接。
- 基础结构：
computed(() => (arg1, arg2) => { /* 使用响应式变量 + 参数做处理 */ }) - Vue 2 示例（选项式）：
computed: { getName() { return record => record.type === 1 ? record.callerName : record.calleeName; } } - Vue 3 示例（组合式）：
const getLabel = computed(() => (id) => labels.value.find(l => l.id === id)?.text || '—');
注意事项和潜在陷阱
闭包虽好，但要注意两点：一是不要在内层函数里修改响应式源数据（那就不叫“计算”了）；二是避免意外共享闭包变量（比如循环中创建多个函数却共用同一个 i）。
- 响应式变量要在 computed 外层声明好（如
const count = ref(0)），别在闭包里重新定义 - 如果参数是对象或数组，注意浅层响应性——闭包拿到的是引用，但 computed 不会监听其内部变化
- 频繁调用同一计算属性返回的函数，不会触发额外依赖收集，性能开销很小
