computed不能直接接收运行时参数，其本质是基于响应式依赖的惰性缓存计算；需传参时应改用普通函数、闭包包装（不推荐）或把参数变为响应式数据。
不能直接接收。
computed 本质是响应式缓存值，不是函数调用接口
Vue 3 的 computed 接收一个 getter 函数，返回一个只读的响应式 ref（ComputedRef）。它的设计目标是：基于响应式依赖自动追踪、惰性求值、结果缓存。一旦依赖没变，再次访问 .value 就直接返回缓存值——它不接受运行时传入的普通参数（比如 computed(id => ...) 这种写法在 Vue 3 中语法错误）。
想“传参”，实际要的是“动态计算”，有更合适的方案
所谓“传参”，往往真实需求是：对同一组数据，根据不同条件（如 id、关键词、状态）实时生成不同结果。这时应优先考虑：
-
用普通函数替代：在
setup中定义一个函数，接收参数并返回计算结果。模板中可直接调用，如{{ getItemById(123) }}；逻辑清晰、类型友好、调试方便。 -
用闭包 + computed 包一层（不推荐高频使用）：写成
const findItem = computed(() => (id) => list.value.find(i => i.id === id))，然后模板里写{{ findItem.value(123) }}。注意：这层 computed 本身不缓存“调用结果”，每次.value访问都返回新函数，实际执行仍无缓存，性能和可读性不如纯函数。 -
把“参数”也变成响应式数据：如果参数本身会变化（比如用户选中的 category），就用
ref或reactive管理它，再让 computed 依赖它。例如：const selectedId = ref(1); const currentItem = computed(() => list.value.find(i => i.id === selectedId.value))。这才是 computed 最擅长的模式。
别混淆“模板中调用”和“computed 本身支持参数”
你在模板里看到 {{ filterItems('active') }}，那个 filterItems 很可能是个方法（methods 或 setup 里定义的函数），不是 computed。Vue 官方文档和源码都明确说明：computed 的签名只有 computed(getter) 或 computed(getter, setter)，没有接收外部参数的位置。
不复杂但容易忽略：参数要不要响应式，决定了该用函数还是 computed。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
