计算属性不能挂载到 array.prototype 上，因其依赖 vue 响应式系统（object.defineproperty/proxy），而数组原型是静态非响应式对象；强行挂载会污染原生原型、破坏封装且不可跨环境使用。
计算属性（computed）是 Vue 的响应式机制产物，属于 Vue 实例或组件的选项配置项，它本身不是 JavaScript 原生类型，也不能直接“作为键”挂载到数组原型（Array.prototype）上。数组原型只接受函数方法（如 push、map），不支持 Vue 特有的响应式计算逻辑。
为什么不能把计算属性当键挂载到 Array.prototype
计算属性本质是 Vue 内部通过 Object.defineProperty 或 Proxy 为组件实例创建的响应式 getter/setter 属性，依赖 Vue 的响应式系统和依赖追踪。而 Array.prototype 是全局、静态、非响应式的原生对象，挂载上去的任何属性都对 Vue 的响应式系统无感知，也无法自动更新。
强行尝试类似 Array.prototype.computedMyMethod = ... 不仅无效，还会污染原生原型，违反封装原则，且在 Vue 之外的环境（如纯 JS 脚本、Node.js）中完全不可用。
正确实现数组辅助方法的推荐方式
若目标是为数组提供可复用、语义清晰的工具方法（比如去重、求和、按字段分组），应通过标准的原型扩展或工具函数实现：
-
扩展 Array.prototype（谨慎使用）：仅限项目内统一规范且明确风险时采用
Array.prototype.unique = function() { return [...new Set(this)]; };
调用：[1,2,2,3].unique()→[1,2,3] -
封装为独立工具函数（更推荐）：避免修改原生对象，便于测试与 Tree-shaking
const arrayUtils = { unique(arr) { return [...new Set(arr)]; }, sum(arr) { return arr.reduce((a, b) => a + b, 0); } };
调用：arrayUtils.unique([1,2,2]) -
在 Vue 组件中结合 computed 使用：让计算属性消费这些辅助函数，实现响应式派生
computed: { filteredList() { return this.rawList.filter(item => item.active); }, uniqueNames() { return [...new Set(this.rawList.map(i => i.name))]; } }
如果真想“关联”计算属性与数组操作
实际场景中，你往往需要的是：基于某个响应式数组数据，派生出处理后的结果，并自动更新。这时应把辅助逻辑写在 computed 内部，而不是挂到原型上：
- 定义一个响应式数组：
const list = ref([{id:1,name:'a'},{id:2,name:'a'}]) - 用计算属性封装处理逻辑：
const uniqueNames = computed(() => [...new Set(list.value.map(i => i.name))]); - 后续任意修改
list.value，uniqueNames都会自动重新计算并缓存结果
替代方案：自定义 Composition 函数
对于高频复用的数组处理逻辑，可封装为可组合函数（Composable），既保持逻辑复用，又不侵入原型：
function useUnique(arrayRef) { return computed(() => [...new Set(arrayRef.value)]); }- 在组件中使用：
const uniqueItems = useUnique(itemsRef); - 支持任意响应式数组，天然响应式，可测试、可导出、无副作用
