Vuex突变是原子性的吗？
Vuex突变是原子性的。在Vuex中，突变（mutation）是用于修改状态（state）的唯一方式。突变是同步的，意味着它们在执行期间会阻塞其他突变的执行。这确保了在一个突变执行完之前，其他突变不会同时执行。
原子性是指一个操作要么完全执行，要么完全不执行，没有中间状态。在Vuex中，突变是原子性的，即一个突变要么完全执行，要么完全不执行。这是通过JavaScript的单线程执行机制来实现的。
原子性的优势在于确保状态的一致性和可预测性。通过将多个状态修改操作封装在一个突变中，可以确保这些操作要么全部执行成功，要么全部失败，避免了状态的不一致性和意外的行为。
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它集中管理应用程序的所有组件的状态，并提供了一种可预测的方式来修改和响应状态的变化。Vuex的应用场景包括但不限于大型单页应用程序、需要共享状态的多个组件、需要对状态进行持久化存储和恢复的应用程序等。
腾讯云提供了云原生应用开发平台Tencent Kubernetes Engine（TKE），它是一个高度可扩展的容器管理服务，可帮助用户快速构建、部署和管理容器化应用程序。TKE可以与Vue.js和Vuex等技术结合使用，提供稳定可靠的云计算基础设施支持。您可以通过以下链接了解更多关于TKE的信息：
Tencent Kubernetes Engine (TKE)
请注意，以上答案仅供参考，具体的推荐产品和链接地址可能需要根据实际情况进行调整。
相关·内容
1回答
为什么(Flux)状态管理不使用静态函数而不是命名属性
reactjs、vue.js、redux、vuex、state-management
我现在正在决定是从angularJS切换到react.js还是vue.js。目标是使用它，包括Typescript，以确保一切都是Typesafe。
通过尝试vuex和redux，我注意到它们不使用普通函数，而是使用某种形式的字符串命名函数。
例如，Redux通过在reducers中切换来检查某个函数
Vuex使用常量对象，该对象中的函数可以通过接受字符串和有效负载的函数来调用
这是什么原因呢？不知何故，当你不得不重构的时候，感觉这将是一件痛苦的事情，感觉像是一种在编程时因为打字错误而犯错误的方式。
为什么带有静态函数的普通类不能完成这项工作(或者另一种可能更好的解决方案)
浏览 0提问于2018-11-09得票数 4
4回答
Vuex Action vs突变
vue.js、vuex
在Vuex中，既有“动作”又有“突变”的逻辑是什么？
我理解组件不能修改状态的逻辑(这看起来很聪明)，但是同时拥有动作和突变看起来就像你在编写一个函数来触发另一个函数，然后改变状态。
“动作”和“突变”之间的区别是什么，它们是如何协同工作的，更重要的是，我很好奇为什么Vuex开发者决定这样做？
浏览 19提问于2016-09-03得票数 238
1回答
Vuex:跳过动作和直接从组件中提交突变
javascript、vue.js、vuejs2、vue-component、vuex
在vue.js应用程序中，使用vuex作为状态管理存储，我需要简单地更改vuex中属性的值。为此，我可以遵循两种方法：
分派一个action方法，该方法将进一步提交mutation，这最终将改变状态。
第二种方法是直接从组件提交mutation，然后突变方法将改变状态。
目前，我使用的第一种方法如下：
组件中的：
this.$store.dispatch('updateNotice', 'This is some notice')
行动中的：
updateNotice ({state, getters, commit}, payload) {
浏览 1提问于2018-04-23得票数 52
回答已采纳
1回答
Vuex状态管理与Vue简单状态管理
javascript、laravel、vue.js、security、vuex
我对使用Vue.js还比较陌生。我正在开发一个webapp (后端使用Laravel )，我想知道在安全性方面，使用Vuex和简单的Vue.js状态管理有什么区别。让我解释一下:在注册/登录期间，我想保存用户标识符(id或访问令牌)：我能用Vue.js管理标识符吗?或者使用Vuex更安全？我是否可以将标识符直接保存在Vue.js的Vue.js组件中(因为它的值不需要更改)？
谢谢大家
浏览 5提问于2021-05-31得票数 0
回答已采纳
2回答
基于api状态vue js数组更新
javascript、arrays、vue.js、nuxt.js
我是vue js的新手。我想调用api。这是完美的工作。但我想提出一个条件，如果api响应是this，那么vue js数组就会更新。这是我的代码。但它给出了错误“不要在突变处理程序之外突变vuex存储状态”。如何处理这个问题？ axios.post(baseUrl+'/api/v1/addProductWishlist',pitem,
{headers: {
'Authorization': 'Bearer ' + x,
'Content-
浏览 22提问于2020-08-20得票数 0
1回答
Vue 3 Vuex如何强制回调函数异步运行
vue.js、vuex、vue-reactivity
我正在使用Vuex和Vuex-persistantstorage，并且我有一个代表应用程序模式的变量。当模式改变时，我想做几件事(让我们称之为f())，比如打开侧边栏，改变路由等，其中一些事情会导致其他Vuex变量的改变。
我尝试在UI元素和store模式变量之间的计算属性中进行f()的更改。
我还尝试在mode变量上使用一个监视器，并在那里进行其他更改f()。
在所有情况下，我都会得到一个错误：“不要在突变处理程序之外改变Vuex存储状态”。如果我删除了导致Vuex状态改变的操作，而不是模式，那么问题就会消失。我对Vues变量的所有更改都是在使用store.commit的突变处理程序中进行的
浏览 7提问于2021-11-03得票数 0
2回答
如何将共享存储与Vue.js 3中的多个文件组件链接起来？
javascript、vue.js
我有一个Vue.js 3应用程序。这个应用程序包括多个单一文件组件。我正在试图找出如何实现最简单的全局状态管理。对我来说很有意义。但是，有限的文档显示了一个从多个组件的reactive函数返回的data对象。此示例假设reactive对象和组件都位于同一个文件中。我遇到的挑战是跨多个文件使用共享存储。目前我有：
app.vue
component-a.vue
component-b.vue
store.js
这些文件如下所示：
app.vue
<template>
<div>
<div>How mu
浏览 7提问于2021-11-05得票数 0
4回答
我什么时候应该使用Vuex？
javascript、vue.js、vuejs2、vue-component、vuex
现在我开始学习vue，并创建用于编辑数据库的SPA。现在我不知道该在哪里使用Vuex。我可以在任何地方使用道具和$emit，它可以帮助我找到所需的参数。那我该用Vuex做什么？
浏览 3提问于2019-08-29得票数 6
回答已采纳
1回答
在vue.js应用程序(rxJs vs Vuex)中如何更新状态
angular、vue.js、rxjs、vuex
我刚开始接触vue.js，但我已经尝试了一年了。我曾经用RxJ更新组件中的数据，我发现这很容易。现在，当我看到Vue时，Vue出现在关于更新组件状态的文章中。哪一种更新组件的状态更好？
使用vuex状态管理更新状态还是使用rxJs的反应性编程更好？
// angular
import { AppService } from '../AppService';
isLoading = false;
ngOnInit() {
this.appService.updateIsLoading.subscribe((res: boolean) => {
this.isLoa
浏览 6提问于2019-10-28得票数 1
1回答
如何编写无异步承诺的Vuex变异
javascript、firebase、vue.js、google-cloud-firestore、vuex
我正在用Vue.js、Vuex和Firebase构建一个应用程序。在这个应用程序中，从Firestore数据库获得的数据会以突变的形式更新到状态。当状态通过getters方法返回到模板时，当前形式的应用程序似乎工作得很好。然而，我的理解是，突变是同步的，承诺(.then)是异步的。因此，.then的承诺不应该是内部突变。那么，为什么这个应用程序仍然运行正常呢？什么是重新配置突变的最佳方式，以便FB数据在没有承诺的情况下被更新到状态？或者是否有必要改变这一点？这是我的Vuex密码。谢谢!
import Vue from 'vue'
import Vuex from 'vu
浏览 1提问于2019-07-17得票数 0
回答已采纳
3回答
突变和动作的区别是什么？
javascript、vue.js、vuex
在Vuex中，既有“动作”又有“突变”的逻辑是什么？
我理解组件不能修改状态的逻辑(这看起来很聪明)，但是同时拥有动作和突变看起来就像你在编写一个函数来触发另一个函数，然后改变状态。
“动作”和“突变”之间的区别是什么，它们是如何协同工作的，更重要的是，我很好奇为什么Vuex开发人员决定这样做？
我试过了......
import Vuex from 'vuex'
const store = new Vuex.Store({
state: {
count: 1
},
mutations: {
INCREMENT (state) {
//
浏览 3提问于2019-06-12得票数 0
2回答
什么是云本地架构？我可以在云本机架构中使用云管理服务吗？
amazon-web-services、architecture、cloud
我正在为我们的客户设计一个软件架构，我知道云支持和云本机架构术语。我读过很多关于云本机的文章，不过当我和其他技术人员谈论云本机架构时，我感到很困惑。因为大多数人都有这样的印象:云本地架构是在Kubernetes上的容器中运行的。
我的问题是，如果我正在设计云本机架构并将其部署到AWS云中，我可以使用AWS托管服务吗?在我的体系结构中，除了码头容器之外，还是云本地架构完全独立于云服务？
浏览 2提问于2020-12-29得票数 4
回答已采纳
2回答
#JSON to #Vuex store
javascript、vue.js、vuex、nuxt.js、vuex-modules
我是第一次来由vue.js提供服务的Vuex商店。我想在下面的场景中使用它。
1. 1.Does状态是指任何由服务器提供服务的静态或动态数据。或者说数据存储在json中？
模板。
<!-- title start -->
<div class="_Handler-0-1">
<x-x :path="store.glyph.path['0']":classs="store.static.class['0']"/>
</div>
<!-- title end -
浏览 3提问于2018-02-05得票数 0
2回答
带最新船坞和kubernetes安装的Fedora原子图像
docker、fedora、kubernetes
来自fedora网站的最新的fedora-原子24图片包含对接器1.10.3和kubernetes 1.2.0。
我正在设法用最新的对接器(1.12.1)和kubernetes (1.3.5)创建原子映像。
据我所知，我可以在https://copr.fedorainfracloud.org/coprs/上创建包存储库，并在图像创建期间使用它。但是，我无法从这里找到的源代码包构建docker1.12：https://kojipkgs.fedoraproject.org/packages/docker/
另外，我无法使用官方的docker安装指南中的包存储库，因为它中的包名为docker-eng
浏览 0提问于2016-08-22得票数 2
3回答
为什么我们需要突变、设置者和获取者来进行国家管理？
javascript、vue.js、vuex、state-management
我现在正在学习Vue.js中的状态管理，我不太明白为什么它需要对所有这些不同的方法(突变、getter、setter)如此复杂和混乱。直接更改数据不是更简单吗？看上去很干净吗？
仅仅使用这样的普通代码有什么问题？我在这里错过了什么？但是，我必须在每个组件中定义存储: window.store。这样做对我来说是安全的，还是使用Vuex是非常必要的？
// global app data
window.store = {
appName: 'Hello World!'
}
export default {
template: `
<div @
浏览 1提问于2019-02-28得票数 5
回答已采纳
5回答
数据库可以支持“原子性”但不支持“一致性”吗?反之亦然？
database、database-design、consistency、atomic
我正在阅读一个数据库的ACID属性。原子性和一致性似乎是紧密相关的。我想知道是否有任何场景，我们只需要支持原子性，而不是一致性，反之亦然。举个例子会很有帮助！
浏览 0提问于2010-09-29得票数 18
回答已采纳
1回答
使用Vuex突变更新对象引用的正确方法是什么？
vue.js、vuex
当对象引用传递给Vue子组件时，我想更新对象属性之一的值(使用Vuex)，最简单的方法是将对象引用和新值传递给突变。然后，突变只需更新传递对象的属性。
这合法吗？这似乎有点太简单了，而且几乎是多余的(因为我可以在组件本身中重新分配)，除了现在可以跟踪突变。
另一种方法是传递一个对象标识符作为有效负载的一部分，并获取突变来搜索存储并检索它。不过，如果我没有这份工作的话，我也不想做这件事。
浏览 2提问于2018-07-10得票数 2
回答已采纳
1回答
当Vuex存储状态发生变异时，Vue app状态不更新
javascript、vuejs2、vuex
我已经使用Vue几个月了，我现在正在尝试将Vuex与我的应用程序集成，但是当Vuex商店发生变异时，我无法更新状态。
我创建了一个新的应用程序，并实现了一个简单的计数，只是看看它是否工作，但它仍然不会更新count时，store.count被改变。我的测试代码在下面。
index.html
<div id="app">
<template>
<h1>{{count}}</h1>
<button @click="add">Add 1</button>
浏览 0提问于2019-05-17得票数 1
回答已采纳
4回答
在Vuejs应用程序中使用Vuex
vue.js、vuex
我是Vue.js的新手。我学到了一个叫做vuex的概念。请任何人能给我解释一下我什么时候应该使用vuex。
浏览 4提问于2018-09-13得票数 0
5回答
如何解释原子作用？
java、concurrency、atomic
原子操作是什么?为什么它们是必要的？另外，原子操作是如何在Java中实现的？
我的理解是，在编程过程中，原子操作是一种有效地同时发生的。原子的作用不能在中间停止，它要么完全发生，要么根本不发生。
例如，在需要两个操作的情况下，在线订购机票:付款和预订座位。潜在的乘客必须要么。
支付和预订一个座位，或
既不付钱，也不预订座位
浏览 3提问于2012-01-07得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
