“不要在突变处理程序之外改变vuex存储状态”中的.push结束
在处理程序之外改变Vuex存储状态是不推荐的，因为这可能导致状态的不一致性和难以追踪的bug。Vuex是一个专为Vue.js应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态的一致性。
在上述问题中，".push"是一个数组的方法，用于向数组末尾添加一个或多个元素。如果在处理程序之外使用.push方法来改变Vuex存储状态，可能会导致以下问题：
- 状态不一致：Vuex的核心原则之一是状态的改变必须通过提交mutation来进行，这样可以确保状态的改变是可追踪的。如果直接使用.push方法来改变状态，可能会导致状态的不一致性，使得应用的行为变得不可预测。
- 难以追踪的bug：在大型应用中，如果状态的改变不是通过mutation来进行，那么当出现bug时，我们很难追踪到状态的改变点，从而增加了调试的难度。
为了避免在处理程序之外改变Vuex存储状态，我们可以采取以下方法：
- 使用mutation：在Vuex中，mutation是唯一允许改变状态的方式。通过定义mutation并在处理程序中提交mutation来改变状态，可以确保状态的一致性和可追踪性。
- 使用action：如果需要在处理程序之外进行异步操作或复杂的业务逻辑处理，可以使用action来封装这些操作。在action中可以通过提交mutation来改变状态，从而保证状态的一致性。
- 使用getters：如果需要获取状态的计算属性，可以使用getters来封装这些逻辑。getters可以根据状态的变化自动更新，从而保证了状态的一致性。
总结起来，为了保证Vuex存储状态的一致性和可追踪性，我们应该遵循Vuex的设计原则，即通过mutation来改变状态，并在处理程序中提交mutation。这样可以确保状态的改变是可控的，减少bug的产生，并提高应用的可维护性。
关于Vuex的更多信息和腾讯云相关产品，您可以参考以下链接：
相关·内容
0回答
“不要在突变处理程序之外改变vuex存储状态”中的.push结束
javascript、vuejs2、store、vuex
我已经定义了一个Vuex存储(操作、状态、突变和getters) todos: [] ADD_TODO (state, paylo
浏览 5提问于2017-06-20得票数 1
回答已采纳
1回答
Vue 3 Vuex如何强制回调函数异步运行
vue.js、vuex、vue-reactivity
我正在使用Vuex和Vuex-persistantstorage，并且我有一个代表应用程序模式的变量。当模式改变时，我想做几件事(让我们称之为f())，比如打开侧边栏，改变路由等，其中一些事情会导致其他Vuex变量的改变。
我尝试在UI元素和store模式变量之间的计算属性中进行f()的更改。在所有情况下，我都会得到一个错误：“不要在突变处理<e
浏览 7提问于2021-11-03得票数 0
2回答
基于api状态vue js数组更新
javascript、arrays、vue.js、nuxt.js
我是vue js的新手。我想调用api。这是完美的工作。但我想提出一个条件，如果api响应是this，那么vue js数组就会更新。这是我的代码。但它给出了错误“不要在突变处理程序之外突变vuex存储状态”。如何处理这个问题？} state.cartItems.push
浏览 22提问于2020-08-20得票数 0
1回答
Vuex错误：“不要在突变处理程序之外改变vuex存储状态。”
laravel、vue.js、vuejs2、vuex
$store.commit('SET_THREAD_UPDATE', thread)
“thread”是一个由多个属性和对象组成的对象，当调用函数时，“thread”的对象或其属性之一可能只有很小的变化“SET_THREAD_UPDATE”是Vuex的一种突变，也是唯一一种引起问题的突变，尽管我没有做任何不同的事情。$$state }": "Error: [vuex] Do n
浏览 0提问于2018-08-25得票数 0
1回答
Vue，错误[ vuex ]不要在突变处理程序之外改变vuex存储状态
vue.js、vuex、nuxt.js
它接受此参数，并在单击submit按钮时检查用户，并将其user.uid写入Vuex。但是我得到了上面标题中列出的错误。我做了研究，看起来这是Vuex中的一个常见问题，因为这些字段在某个时候更新Vuex商店‘在飞行中’，这在我的情况下是错误的，因为它只在你按下提交按钮时更新Vuex商店。$store.commit('userState', res); }
浏览 11提问于2020-07-11得票数 0
1回答
从Vuex商店修改变量get
vue.js、vuejs2、vuex
这个问题可能是最难回答的问题，但我找不到答案。this.currentLoadNode = this.$store.state.loadNodethis.currentLoadNode.shift();
编辑以避免误读:我不需要修改Vuex状态(我知道提交突变)，我只想修改我的currentLoadNode然而，Vuex也以一种神秘的方式修改了loadNode 状态<
浏览 1提问于2019-07-28得票数 1
回答已采纳
1回答
不要在突变处理程序之外突变vuex存储状态
vue.js、vuex、nuxt.js
我试图在我的store中重写一个名为device的数组中的对象。突变saveState接收一个设备，如果它不存在于设备数组中，它将推送对象，但如果它已经存在，它将用接收到的设备替换它。我尝试了几乎一天的时间寻找解决方案，但我的代码无法解决这个问题。state.device.push(device) : (state.device[index] = device)}
export cons
浏览 15提问于2020-06-16得票数 0
回答已采纳
1回答
使用Vuex突变更新对象引用的正确方法是什么？
vue.js、vuex
当对象引用传递给Vue子组件时，我想更新对象属性之一的值(使用Vuex)，最简单的方法是将对象引用和新值传递给突变。然后，突变只需更新传递对象的属性。另一种方法是传递一个对象标识符作为有效负载的一部分，并获取突变来搜索存储并检索它。
浏览 2提问于2018-07-10得票数 2
回答已采纳
1回答
Vuex突变抛出一个错误-不要变异vuex存储状态之外的变异处理程序。
vue.js、nuxt.js、vuex、mutation
我有一个Vuex存储对象，它有一个突变。SET_FILTERS_CATEGORIES(state, payload) {},不变异vuex存储状态之外的变异处理程序
如果我评论这句话，它
浏览 0提问于2021-10-11得票数 0
2回答
在vuex中设置firebase.User会导致永久循环
typescript、firebase、vue.js、vuex、callstack
我正在构建一个具有firebase身份验证的Vue应用程序，但是该应用程序在以下错误消息中失败：
错误: vuex不变异vuex存储<
浏览 0提问于2019-03-18得票数 1
1回答
使用操作更改Vue.js存储的状态
vue.js、state、vuex
我尝试使用新的setup Vuex store来跟踪和更改active状态，如下所示。export default new Vuex.Store({ idToken: null, user: null,
active这就是我尝试更改活动状态的原因。代码中注释了导致错误的代码。我的组件中的一个方法应该改变它： met
浏览 19提问于2020-07-18得票数 0
回答已采纳
1回答
Vuex操作中状态的直接操作与使用“提交”和“getter”
vue.js、vuex
我知道直接从商店外部操作Vuex状态通常是错误的做法(例如来自组件)；但是我正在努力理解什么是从操作中读取/更改状态的最佳实践。我理解动作本身就有一个context对象作为参数，您可以从它获得state，以及作为属性的getters、commit和dispatch。但我搞不懂使用这些工具的最佳实践是什么。在一个动作中操纵状态的“正确”方法是什么？我总是需要使用commit和getters吗
浏览 4提问于2019-12-20得票数 5
回答已采纳
1回答
行为必须总是使用突变吗？
action、vuex
如果操作是唯一操作存储值的进程，那么它们能直接执行吗?还是必须始终使用突变？操作可以直接设置变量的值吗？不涉及异步事件，只涉及计算。简单的例子： resetToZero (state) { state.display = ''
state.color
浏览 0提问于2018-10-24得票数 1
2回答
使用commit从操作中更新VueX状态
javascript、vue.js、ecmascript-6、vuejs2、vuex
我对Vuex非常陌生，有人能告诉我为什么我不能从一个动作访问状态，修改它，然后提交它吗？在更改状态数组之前，我会对其进行“深度”复制。这样做的替代最佳做法是什么？这是我的行动： var shoppinglist
浏览 3提问于2020-02-14得票数 2
回答已采纳
1回答
使用Nuxt.js中间件检查防火墙中的登录用户
javascript、firebase、vue.js、middleware、nuxt.js
我为我的Nuxt应用程序构建了一些中间件。function (user) { if (user) {
})现在，如何实际获得对用户对象的访问当我从正常组件做这件事时，它是正确工作的。传递到存储简单字符串也有效，但任何其他动作不，是否需要某种承诺？寻求帮助。
浏览 3提问于2017-07-25得票数 0
2回答
不更新值的vue计算性质
javascript、vue.js、vuejs2、vuex
数据来自vuex状态。 id: 13 { description: "lots more blah blah" }即使我的目标代码是vuex，我仍然没有更新值 const l =[]
const u
浏览 8提问于2022-04-12得票数 -1
2回答
在vuex中缓存数据的正确方法
vue.js、vuejs2、vuex
我正在尝试将数据异步加载到vuex中，该数据是静态的，但被多个路由使用。我只想在需要数据的路由被访问时获取数据一次。这就是我目前正在做的，但我不确定这是不是正确的约定，或者是否有更好/更Vueish的方式。// store.js
state: { }, myData
浏览 0提问于2019-03-09得票数 6
2回答
为什么当我使用深表时，我的商店没有更新？
javascript、vue.js、vuex、store
当我更改文本字段的值时，我为该组件设置的深度监视程序不会更新存储区。我找不到正确更改存储对象的(配置文件)键/值对(groupName: string)的方法<v-text-field v-model="profileData.groupName" label="Group Name"></v-text-field>impor
浏览 0提问于2019-06-06得票数 0
回答已采纳
1回答
Vuex -不要在带有getter的突变处理程序之外更改vuex存储状态
vue.js、vuex
) => ({})
当我尝试运行/pages/index.vue时，我不能保留数组的第一个元素我有这个错误：[vuex] Do not mutate vuex store state outside mutation handlers.
浏览 14提问于2020-05-16得票数 0
回答已采纳
2回答
在Vuex中，如果不使用操作就进行突变，会不会很糟糕？
redux、state、vuex、flux、state-management
我使用Vuex已经有一段时间了，我一直遵循这样的模式:组件使用操作来提交突变来改变Store。考虑到文档中的这个图表，我认为这是正确的做法：
我遇到了一些代码，在这些代码中，人们直接在组件中提交突变，甚至没有创建简单的操作，这些操作除了触发突变之外，没有别的目的。我甚至在Vuex文档中找到了几个这样的例子。
我想，由于它在文档中使用，这一定
浏览 0提问于2018-04-04得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
