Pinia中更新数组内对象属性：两种写法是否合规？

你提到的两种写法在Pinia中都是合规的，但各有适用场景，下面具体分析：

两种写法的有效性 #

第一种写法：从仓库状态中查找并修改 #

function updateName(myObject, newName) {
  const target = myData.value.find(o => o.id === myObject.id);
  if (target) { // 建议增加判断，避免find返回undefined时报错
    target.name = newName;
  }
}

这种写法直接从仓库的myData数组中定位目标对象，修改其name属性。因为myData是ref包裹的响应式数组，数组内的对象也是响应式的，修改属性会触发Vue的响应式更新，同步到所有依赖该状态的组件。

第二种写法：直接修改传入的对象 #

function updateName(myObject, newName) {
  myObject.name = newName;
}

这种写法也完全可行，前提是传入的myObject是myData数组中存储的原响应式对象。由于对象是引用类型，直接修改其属性会直接作用于仓库中的原对象，同样会触发响应式更新。

Pinia与Vuex/Redux的区别 #

Pinia没有像Vuex（旧版）、Redux那样强制要求必须通过特定的mutation来修改状态。它基于Vue的响应式系统设计，允许在actions中直接修改状态，这是Pinia简化状态管理的特性之一，所以你不用担心直接修改对象属性违反规则。

写法选择建议 #

• 如果你能确保传入的myObject一定是来自myData数组的原对象，第二种写法更简洁高效。
• 如果你不确定传入对象的来源，或者想让代码更健壮，第一种写法更稳妥，同时加上find结果的存在性判断，避免找不到对象时抛出错误。

内容的提问来源于stack exchange，提问作者d512