Nuxt / Vue -不在突变处理程序外部突变vuex存储状态

Nuxt是一个基于Vue.js的通用应用框架，它可以帮助我们快速开发服务器渲染的Vue.js应用。而Vue是一套用于构建用户界面的渐进式JavaScript框架。

在Nuxt / Vue中，突变处理程序是用来修改Vuex存储状态的方法。Vuex是一个专为Vue.js应用程序开发的状态管理模式，它集中管理应用的所有组件的状态，并以相应的规则保证状态的一致性。

在默认情况下，Vuex的突变处理程序应该只在Vuex存储状态的外部进行突变。这是因为突变处理程序是用来修改状态的，如果在处理程序外部直接突变Vuex存储状态，可能会导致状态的不可预测性和难以维护性。

为了遵循这个原则，我们可以通过在突变处理程序内部触发一个动作来间接地修改Vuex存储状态。这个动作可以在处理程序外部调用，从而实现对状态的修改。

优势：

1. 突变处理程序的外部突变Vuex存储状态可以提高代码的可维护性和可测试性。
2. 通过在处理程序内部触发动作来间接修改状态，可以更好地控制状态的变化，避免出现意外的副作用。

应用场景：

1. 当需要修改Vuex存储状态时，可以通过在突变处理程序外部触发动作来实现。
2. 在复杂的应用中，通过遵循这个原则可以更好地组织和管理状态的变化。

推荐的腾讯云相关产品和产品介绍链接地址：

1. 云服务器（CVM）：https://cloud.tencent.com/product/cvm
2. 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
3. 云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
4. 云存储 COS：https://cloud.tencent.com/product/cos
5. 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai

请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。