ShopWare：页面组件Vuex状态与mutations扩展方案问询

sw-product-detail等核心页面的Vuex store 不支持直接扩展原生mutations、getters，核心store的状态、内置方法随版本固定封装，没有预留直接注入原生mutation/getter的官方扩展点，强行覆写或注入会在版本升级时失效，还可能触发核心状态校验报错。

针对你需要操作product.extension.myCustomEntity自定义扩展属性的场景，不需要新增专属mutation，使用核心store已提供的能力即可实现需求，具体实现方式如下：

• 产品详情页store已经内置了setProduct的mutation，你只需要在自定义插件组件内，拿到响应式的product对象后，直接修改扩展属性的属性值，再调用setProduct传入修改后的product对象即可。核心保存逻辑会自动识别extension下的自定义扩展实体，提交数据时会自动同步到对应扩展接口，不需要额外新增专属mutation。
• 如果需要实现类似getter的派生状态逻辑，不需要往核心store注入自定义getter，直接在自身插件组件内写computed计算属性即可，计算属性依赖的product状态变化时会自动更新，和原生Vuex getter的表现完全一致。
• 不要尝试通过registerModule强行往核心store的命名空间下注入mutations/getters，核心页面在路由切换、store实例重建时会清除注入内容，还可能和后续版本的核心方法产生命名冲突。如果需要监听product状态变化做自定义处理，直接在组件内添加watch监听即可。

参考实现代码如下：

// 自定义插件组件内的实现示例
import { mapState, mapMutations } from 'vuex';

export default {
  computed: {
    ...mapState('swProductDetail', {
      product: state => state.product
    }),
    // 替代自定义Vuex getter的派生状态
    myCustomEntityData() {
      return this.product?.extensions?.myCustomEntity || null;
    }
  },
  methods: {
    ...mapMutations('swProductDetail', [
      'setProduct'
    ]),
    // 更新自定义扩展实体的方法，无需自定义mutation
    updateCustomEntity(newData) {
      // 注意Shopware扩展属性默认存放在extensions字段下（复数形式），不要误写为单数，否则会出现数据识别失败、保存丢失问题
      this.product.extensions.myCustomEntity = newData;
      this.setProduct(this.product);
    }
  }
}

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