突变不是设定值，没有状态- Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它可以集中管理应用程序的所有组件的状态，并以可预测的方式进行状态变更。以下是对于 Vuex 的完善且全面的答案：
概念： Vuex 是一个类似于传统的全局状态容器，用于管理 Vue.js 应用程序的状态。它基于 Flux 和 Redux 的设计思想，将应用程序的状态集中存储在一个单一的源中，并提供了一种规范化的方式来管理和更新状态。
分类： Vuex 可以被归类为前端开发中的状态管理工具。
优势：
- 集中管理状态：Vuex 可以将应用程序的状态集中存储在一个单一的源中，使得状态管理更加清晰和可维护。
- 可预测的状态变更：通过使用 Vuex，状态的变更变得可预测，因为所有的状态变更都通过一种明确定义的方式进行，称为 mutation。
- 方便的状态共享：Vuex 允许在不同组件之间方便地共享状态，避免了组件之间复杂的传递数据的过程。
- 插件机制：Vuex 提供了插件机制，可以方便地扩展其功能，例如可以记录状态变更的日志。
应用场景： Vuex 在以下场景中特别有用：
- 大型复杂应用程序：对于需要共享和管理大量状态的复杂应用程序，使用 Vuex 可以更好地组织和维护状态。
- 多个组件共享状态：如果多个组件需要访问相同的状态，可以使用 Vuex 来管理这些共享状态，避免了状态传递的复杂性。
- 异步操作：Vuex 提供了一种机制来处理异步操作，例如发起一个 API 请求并更新状态。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了多个与 Vue.js 和 Vuex 相关的产品和服务，其中一些推荐的产品包括：
- 云服务器 CVM：腾讯云提供的云服务器，用于搭建和部署 Vue.js 应用程序。 产品介绍链接地址：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL：腾讯云提供的 MySQL 数据库服务，可用于存储应用程序的数据。 产品介绍链接地址：https://cloud.tencent.com/product/cdb_mysql
- CDN 加速：腾讯云提供的内容分发网络（CDN）服务，可加速应用程序的静态资源加载速度。 产品介绍链接地址：https://cloud.tencent.com/product/cdn
注意：以上链接仅供参考，具体使用时需根据实际需求进行选择。
总结： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它能够集中管理应用程序的所有组件的状态，并以可预测的方式进行状态变更。使用 Vuex 可以更好地组织和维护应用程序的状态，并在多个组件之间方便地共享状态。腾讯云也提供了相关的产品和服务，例如云服务器、云数据库和 CDN 加速等，可以配合使用 Vuex 来构建完整的应用程序。
相关·内容
1回答
突变不是设定值，没有状态。 问题是状态没有更新。 我做错了什么。 突变 function cardValidationSet (state, data) {
state.cardValided = data
} Getters function cardValidationget (state) {
return state.cardValided
} 组件A import Store from '../store'
display: function () {
Store().commit('disponivel/cardValidationSe
浏览 9提问于2019-05-26得票数 0
回答已采纳
我正在使用Vuex和Vuex-persistantstorage，并且我有一个代表应用程序模式的变量。当模式改变时，我想做几件事(让我们称之为f())，比如打开侧边栏，改变路由等，其中一些事情会导致其他Vuex变量的改变。
我尝试在UI元素和store模式变量之间的计算属性中进行f()的更改。
我还尝试在mode变量上使用一个监视器，并在那里进行其他更改f()。
在所有情况下，我都会得到一个错误：“不要在突变处理程序之外改变Vuex存储状态”。如果我删除了导致Vuex状态改变的操作，而不是模式，那么问题就会消失。我对Vues变量的所有更改都是在使用store.commit的突变处理程序中进行的
浏览 7提问于2021-11-03得票数 0
我看过一些关于它的文章，但我不是很了解
这就是我的问题：
我有一个nuxt的组件
<a @click="openMenu">Open Menu</a>
<div v-if="isUserNav"> ... </div>
基本上，我希望通过vuex存储将isUserNav的状态更改为true
在这个组件中，我可以访问state
import {
mapState
} from ‘vuex’
export default {
computed: {
...mapState({
浏览 4提问于2018-12-29得票数 0
回答已采纳
1回答
我有几个自定义的js对象，我在其中封装了针逻辑。所以，这些对象与vuex一点关系都没有，就像这样： export default class Property {
constructor(object) {
// some logic
}
addChild(property) {
// some logic
}
} 另外，我在我的vue组件中有按钮，它触发了vue方法： methods: {
addItem() {
this.property.addChild();
},
}, 还有一个问题：this.prope
浏览 49提问于2019-01-15得票数 1
我使用下面的代码来使用Vuex在store.js中增加一个计数器。不知道为什么，当我单击增量按钮时，它会说：
vuex未知动作类型:增量
store.js
import Vuex from 'vuex'
import Vue from 'vue'
Vue.use(Vuex)
var store = new Vuex.Store({
state: {
counter: 0
},
mutations: {
INCREMENT (state) {
state.counter++;
}
}
})
export
浏览 1提问于2016-12-21得票数 4
回答已采纳
3回答
在Vuex中，既有“动作”又有“突变”的逻辑是什么？
我理解组件不能修改状态的逻辑(这看起来很聪明)，但是同时拥有动作和突变看起来就像你在编写一个函数来触发另一个函数，然后改变状态。
“动作”和“突变”之间的区别是什么，它们是如何协同工作的，更重要的是，我很好奇为什么Vuex开发人员决定这样做？
我试过了......
import Vuex from 'vuex'
const store = new Vuex.Store({
state: {
count: 1
},
mutations: {
INCREMENT (state) {
//
浏览 3提问于2019-06-12得票数 0
在下面的代码中，组件(app.vue) c2属性在increment更新存储计数器this.$store.state.counter++;时不会更新
我知道我可以使用c2作为computed属性来解决这个问题，但是我想知道为什么Vuex或vue不启动反应性，因为计数器的值是通过增量方法更新的。
Store.js
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export const store = new Vuex.Store({
state: {
counter:
浏览 2提问于2019-05-17得票数 0
回答已采纳
1回答
如何编写无异步承诺的Vuex变异
、、、、
我正在用Vue.js、Vuex和Firebase构建一个应用程序。在这个应用程序中，从Firestore数据库获得的数据会以突变的形式更新到状态。当状态通过getters方法返回到模板时，当前形式的应用程序似乎工作得很好。然而，我的理解是，突变是同步的，承诺(.then)是异步的。因此，.then的承诺不应该是内部突变。那么，为什么这个应用程序仍然运行正常呢？什么是重新配置突变的最佳方式，以便FB数据在没有承诺的情况下被更新到状态？或者是否有必要改变这一点？这是我的Vuex密码。谢谢!
import Vue from 'vue'
import Vuex from 'vu
浏览 1提问于2019-07-17得票数 0
回答已采纳
1回答
我正在用Laravel + VueJS开发一个应用程序。为了限制某些路线，我使用导航警卫。问题是，我需要访问Vuex变异程序，以便知道当前用户是否已登录。问题是，store是定义的，但是我不能使用路由器中的mutator。我得到了一个错误：TypeError: Cannot read property 'commit' of undefined，但正如我所说的，store定义得很好。有人有主意吗？谢谢！
路由
import Vue from 'vue'
import Router from 'vue-router'
import Hello f
浏览 4提问于2017-06-27得票数 0
回答已采纳
1回答
在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回答
状态变量触发突变错误
、、、
我的存储模块中有以下伪代码
const state = {
users: []
}
const actions = {
addUsers: async ({commit, state}, payload) => {
let users = state.users // <-- problem
// fetching new users
for(let i of newUsersThatGotFetched) {
users.push('user1') // <-- really slow
}
commit(
浏览 0提问于2018-04-10得票数 1
回答已采纳
我有一个Vue应用程序，它的输入元素绑定到如下所示：
<template>
<input v-model="this.$store.state.myvalue"/>
</template>
和VueX store/index.js
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export default new Vuex.Store({
state: {
myvalue: null
},
mutati
浏览 4提问于2019-11-30得票数 3
回答已采纳
1回答
我现在正在决定是从angularJS切换到react.js还是vue.js。目标是使用它，包括Typescript，以确保一切都是Typesafe。
通过尝试vuex和redux，我注意到它们不使用普通函数，而是使用某种形式的字符串命名函数。
例如，Redux通过在reducers中切换来检查某个函数
Vuex使用常量对象，该对象中的函数可以通过接受字符串和有效负载的函数来调用
这是什么原因呢？不知何故，当你不得不重构的时候，感觉这将是一件痛苦的事情，感觉像是一种在编程时因为打字错误而犯错误的方式。
为什么带有静态函数的普通类不能完成这项工作(或者另一种可能更好的解决方案)
浏览 0提问于2018-11-09得票数 4
在不同的场景中，我有数据要填充和更新。在这些场景中，我需要填充"href“和"href2”，只要我尝试按下面的代码所写的填充，我就会得到
Uncaught TypeError:无法读取未定义的属性“getter”-(尝试从getters)引用)
同样，当从兄弟级Vuex状态数据引用时，undefined的：无法读取属性“locationId”
这是我的Vuex商店的一个样本片段。
注意:我想做的这个参考/呼叫是在我的Vuex商店里的。
我需要帮助知道如何正确引用这些数据在Vuex商店。提前谢谢你。
export default new Vuex.Store({
state:
浏览 4提问于2021-03-02得票数 1
1回答
我试图在某些组件(子组件)之间共享一个状态，其中每个子组合体(和父组件)可以更新共享属性(存储在vueX状态中)。
我在这里做了一个小的“如何复制”：
Vue.component('urlQueryComponent', {
template: '<div>object: {{pathQuery}}</div>',
computed: {
pathQuery () {
return this.$store.state.urlQuery;
}
}
})
问题在于，当我更新子组件中的状态时，更改不会被
浏览 0提问于2018-05-01得票数 1
回答已采纳
我现在使用Vuex作为state，并利用getter获取状态，这样我就不用使用道具了。但是，我很好奇是否可以使用Vuex来替换这种函数发射。如果可能的话，如何处理Vuex呢？
亲本
<child-component @handleselectproduct="selectProduct"></child-component>
selectProduct: function() {
axios.get()
}
儿童
<button @click="selectProduct></button>
selectProd
浏览 3提问于2020-07-29得票数 0
回答已采纳
我有一个vuex state状态，看起来像这样： state: {
myObj: {someArrayAttribut: [...], ...}
} 在我的组件中： computed: {
...mapState("module", [myObj])
},
methods: {
remove(i) {
this.myObj.someArrayAttribut.splice(i, 1)
}
} remove方法很有效，而且很棒，但是vuex文档明确指出The only way to actually change state in a Vuex stor
浏览 12提问于2019-04-03得票数 0
1回答
在我的店里..。
...
addresses: [ /* array of address objects */ ],
address: { /* holds chosen address */ }
...
在我这部分，我有..。
import {mapState, mapActions} from 'vuex'
export default {
name: 'AddressBook',
watch: {
selectedAddress: function(newval) {
浏览 1提问于2018-05-25得票数 0
回答已采纳
1回答
我试图在Vuex状态下动态更新API路径。Vuex必须在页面加载时设置默认路径“example.com/ API / data etA.json”，并且我希望通过用户交互将路径更新为“example.com/API/data etB.json”，并立即获取新的API数据。
我的代码的相关部分如下(更新的代码)：
VUEX：
export const state = () => ({
apiData: [],
apiId: 'datasetA.json'
});
export const mutations = {
fillApiData: (state, d
浏览 4提问于2021-05-29得票数 0
回答已采纳
当我试图更改表单中的值时，我收到了以下消息，尽管它适用于简单对象。
vuex不变异vuex存储状态之外的变异处理程序。
我有一个列表，我需要更新这个列表中的寄存器，所以弹出一个已填充的对话模式，并且需要更改或不更改字段，我单击并保存更改，如果我关闭该模式而不保存更改，则值必须与以前相同。
我的表格
<v-layout wrap>
<v-flex xs12 sm6 md4>
<v-text-field v-model="editedItem.personnel.name" label="Name"></v-text-
浏览 0提问于2019-04-26得票数 0
2回答
我使用Vuex已经有一段时间了，我一直遵循这样的模式:组件使用操作来提交突变来改变Store。考虑到文档中的这个图表，我认为这是正确的做法：
我遇到了一些代码，在这些代码中，人们直接在组件中提交突变，甚至没有创建简单的操作，这些操作除了触发突变之外，没有别的目的。我甚至在Vuex文档中找到了几个这样的例子。
我想，由于它在文档中使用，这一定是一个可以接受的模式，我想知道跳过操作和直接触发突变是否是任何其他状态管理库(如Flux的Redux )所认可的模式。
TLDR:在Vuex中直接提交突变可以吗?如果可以，其他状态管理库(如Redux )是否使用这样的模式？如果是的话，为什么不呢？
浏览 0提问于2018-04-04得票数 9
回答已采纳
在vue组件中获取未定义的response.data console.log(this.$store.getters.getData)。 但是，我可以使用以下语句console.log(resp.data)来获取response.data 我在成功变异中尝试过console.log(data)，但它仍然返回未定义的结果。 login.vue login: function() {
let data = this.$store
.dispatch("login", data)
.then((resp) =>
浏览 70提问于2019-09-30得票数 2
回答已采纳
3回答
我试图存储登录在我的应用程序上的用户。我使用一个store.js文件使用vuex并保存我的变量。
import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
import Cookies from 'js-cookie'
Vue.use(Vuex)
export const store = new Vuex.Store({
state: {
userloged: '
浏览 5提问于2018-05-15得票数 5
回答已采纳
3回答
我习惯于使用全局事件总线来处理跨组件方法。例如：
var bus = new Vue();
...
//Component A
bus.$emit('DoSomethingInComponentB');
...
//Component B
bus.$on('DoSomethingInComponentB', function(){ this.doSomething() })
然而，我正在构建一个更大的项目，这需要全球国家管理。当然，我想用Vuex。
虽然这种总线模式适用于Vuex，但似乎是错误的。我看到Vuex被推荐作为替代来替代这种模式。
有办法在Vuex组件
浏览 9提问于2017-03-15得票数 36
回答已采纳
4回答
在Vuex中，既有“动作”又有“突变”的逻辑是什么？
我理解组件不能修改状态的逻辑(这看起来很聪明)，但是同时拥有动作和突变看起来就像你在编写一个函数来触发另一个函数，然后改变状态。
“动作”和“突变”之间的区别是什么，它们是如何协同工作的，更重要的是，我很好奇为什么Vuex开发者决定这样做？
浏览 19提问于2016-09-03得票数 238
我试图结合Vuex的计算值(类似于 )使用v-无线电组。
我面临的问题的代码示例是
每当单击单选按钮时，都会调用Vuex突变以将所选值保存在状态中。
但是，在这种情况下，某些验证在突变中失败，因此在状态中不按预期更改值。
无论哪个值在Vuex状态中结束，单选按钮并不真正反映当前状态。
例如，在代码段中，我希望第二个选项(Option 1)永远不会以选择的方式显示，因为对应的状态总是0。
据我所见，这种行为不仅发生在使用v-无线电组时。
这种情况发生在使用v-model和计算的getter/setter的所有Vuetify组件中。
例如，Vuetifys v-text- the /v-text-
浏览 4提问于2019-12-27得票数 2
回答已采纳
1回答
我显示了一个列表对象，每个对象都有一个复选框来选择它。我还在顶部有一个复选框来选择每个对象的复选框，有点像这样(假设[ ]是一个复选框)：
[ ] Select all
[ ] Object 1
[ ] Object 2
[ ] Object 3
我遇到的问题是，当我有大约100个对象时，点击"Select“，网页会冻结几秒钟。还有一个搜索栏来过滤对象，但是我通过删除它来测试它，而且性能也很慢。每个对象都有一个属性selected，因此我们知道选择了哪个对象。下面是我的代码片段：
HTML：
<checkbox-input
id="documentSelectAll
浏览 3提问于2022-10-17得票数 1
回答已采纳
当我想更新$auth.user.balance时 methods:{
test(){
this.$auth.user.balance = 10;
}
} 但它返回错误： Error: [vuex] do not mutate vuex store state outside mutation handlers. 如何在Nuxtjs中更新这些vuex属性？
浏览 51提问于2020-08-26得票数 3
回答已采纳
4回答
当我试图更改组件输入文本的文本时，控制台中会出现以下错误：
vuex不变异vuex存储状态之外的变异处理程序。
我也用纽特和vuex。
我的店里有这个：
editor.js
export const state = () => ({
project_blocks: [{
id: null,
type: 'text-right',
content:{
title: 'Title 2',
text: 'Text 2',
}
},{
id: null,
浏览 6提问于2020-05-14得票数 2
回答已采纳
我来自jQuery背景，最近才开始使用Vue。我正在努力学习尽可能多的知识，我正在尝试开发一个简单的用户搜索和查看详细信息的应用程序，但是我被卡住了，似乎找不到前进的出路。 ? 我有一个由三个组件组成的布局- Nav.vue，Search.vue，UserProfile.vue，如图所示。UserProfile.vue位于路由器视图内部。我将Vuex store与状态userId和username一起使用，并定义了突变来提交状态更改。 当用户通过在搜索组件中提供用户名进行搜索时，我从左侧边栏上的API获取用户列表。当用户单击其中一个搜索结果时，我正在提交userId状态，并希望使用从
浏览 74提问于2021-07-20得票数 1
回答已采纳
预先：我的应用程序正在按预期工作，但我想知道是否有更好的方法来解决这个问题，我正在使用。
Situation：我有一个项目，我目前正在实施一个权限系统。当前流程是加载特定对象(在本例中为user )，并在此之后对权限进行inject。
Problem：获取“不要变异vuex存储状态之外的突变手”。动作内部出错。
问题：有比我下面的方法更好的方法来省略错误吗？
简化如下(在这里，我从API中获取对象并将它们存储在vuex商店中)：
// user.js (vuex-module)
state: {
user: null,
},
mutations: {
// ...
setUser
浏览 1提问于2019-04-16得票数 3
回答已采纳
我已经浏览了vue论坛，有很多有2年历史的、接近的答案，但是我很难找到一个专门解决这个问题的答案(我正在简化这个例子)：
我有一个处于状态的对象数组(表的行数据)
和一个具有subComponents的subComponents，它循环遍历数据，并在集合中每项创建一行。
要求将一个输入添加到表中绑定到rowData.foo的每一行。
tableComponent具有一个计算属性，该属性从状态获取rowData，将这些对象放入一个新的(修改后的)数组中，并将其传递给tableComponent模板。
然后将输入添加到rowData.foo的v模型中。
这是可行的，但我最近
浏览 2提问于2019-07-18得票数 2
回答已采纳
每当我更新本地状态时，vuex都会抛出错误[vuex] do not mutate vuex store state outside mutation handlers.，即使我甚至没有尝试更改vuex存储。有什么问题吗？
data: {
selected: []
},
methods: {
addItem(item){
this.selected.push({
name: item.name,
count: item.count
})
},
applySelected(){
this.$store.dispatch('changeItems',
浏览 1提问于2020-08-30得票数 0
Vuex存储应该只保留状态结构的代码，以及如何修改状态(突变、操作)，还是保留实际的状态初始化和值？
当我的状态初始化代码变得更加复杂时，我开始对此感到好奇，因为我看不到在Vuex体系结构中有任何地方可以将这些代码放入其中。
假设我有这样一家商店：
export default {
state: {
list: []
},
mutations: {
addItem(state, { item }) {
state.list.push(item);
}
}
}
如果列表是空的，就足够了。但是，如果我有该列表的默认值，并且还希望将列表存储在Lo
浏览 1提问于2018-06-22得票数 5
回答已采纳
我正在使用nuxt.js，我想把当前的歌曲时间传给vuex。 但是传递数据只起一次作用。 这是我的数据： currentSongTime: {
second: 0,
minute: 0,
total: 0
} 已装载： this.WaveSurfer.on('seek', (position) => {
this.currentSongTime.second = parseInt(position * this.WaveSurfer.getDuration() % 60);
浏览 20提问于2019-04-13得票数 1
回答已采纳
2回答
我对Vuex非常陌生，有人能告诉我为什么我不能从一个动作访问状态，修改它，然后提交它吗？在更改状态数组之前，我会对其进行“深度”复制。这样做的替代最佳做法是什么？
这是我的行动：
[Action.UPDATE_CHERRYPICK_SIZE] ({ state, commit }, { recipe, size }) {
var shoppinglist = [...state.shoppinglist]
var cp = shoppinglist.find(v => v.recipe.id === recipe.id)
cp.size = size
co
浏览 3提问于2020-02-14得票数 2
回答已采纳
2回答
在使用vuex模块之前，我的突变测试是可以的：
import mutations from '@/vuex/mutations.js'
import vueAuthInstance from '@/services/auth.js'
import { IS_AUTHENTICATED, CURRENT_USER_ID } from '@/vuex/mutation_types.js'
describe('mutations.js', () => {
var state
beforeEach(() => {
浏览 0提问于2017-11-23得票数 2
回答已采纳
2回答
不更新值的vue计算性质
、、、
我在尝试更新一个计算属性。数据来自vuex状态。
我从商店里得到数据。我想更新商店中允许的值。但是，当我单击update按钮时，它不会更新该值。
html
<div @click="update">update</div>
<b-row>
<b-col v-for="cat in categories" :key="cat.id" sm="12" md="6" lg="4">
<div>{{cat.allow
浏览 8提问于2022-04-12得票数 -1
我想使用vuedraggable与vuex模块在laravel中排序数据在表中。因此，我想在服务器端传递vuedraggable的“order”数据。有人能帮忙吗？
这是Vue js中的代码。
methods: {
update() {
this.testimonialsNew.map((testimonial, index) => {
testimonial.order = index + 1;
})
axios.put('/updateOrder'
浏览 1提问于2018-12-24得票数 0
两个错误帮助我使用vuex模块构建
错误：unknown mutation type: setLoggedIn和unknown local mutation type: setLoggedIn, global type: auth/setLoggedIn
vuex版本"vuex"："^4.0.0“
问题发生在setLoggedInState(ctx)函数中。
index.js
import Vuex from 'vuex'
import middleware from "./modules/middleware.js";
import a
浏览 1提问于2022-01-15得票数 0
3回答
使用Vuex存储操作来执行相关的异步操作(例如，GET请求)，而不实际修改存储的状态，这是很好的做法吗？
我有一家Vuex商店。我们叫它主人吧。它包含一个对象作为它的状态，有一些getter来检索状态的各种形式，还有一些突变来修改所述状态。但是，当涉及到操作时，我对主机对象执行某些异步请求，并将这些请求作为参数传递给操作。例如，可以启用或禁用主机。因此，我有一个动作hostEnable(host)，它调用一个只使用OK (200)响应的Axios请求。
const getDefaultState = () => {
return {
host: {...}
浏览 0提问于2019-01-10得票数 5
回答已采纳
2回答
使用Vue和Vuex，我遵循了仅通过突变对状态进行更改的建议做法。因此，所有Vue组件都将通过使用操作来更改状态，然后动作又会提交一个突变。我还在一些操作中进行API调用，然后根据结果更新状态。
我现在有一些API调用，这些调用不需要在调用状态之后更新状态。问题是我还应该用行动吗？或者我应该绕过vuex，直接从组件中调用这些电话吗？
浏览 1提问于2018-10-03得票数 13
回答已采纳
1回答
我开了一家vuex商店：
export const general = {
namespaced: true,
state: {
menuEnabled: true,
headerEnabled: true
},
getters: {
menuState: state => state.menuEnabled,
headerState: state => state.headerEnabled
},
actions: {
setMenuVisibility
浏览 6提问于2022-03-11得票数 1
回答已采纳
2回答
我遵循Vuex指南中的示例代码，得到了一个奇怪的结果(至少对我来说是这样)。
Vuex商店
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
name: ""
},
mutations: {
updateName(state, newName) {
state.name = newName;
}
},
getters: {
浏览 0提问于2018-09-27得票数 1
1回答
我才刚开始学Vuex。到目前为止，我一直将共享数据存储在store.js文件中，并在每个模块中导入store，但这变得很烦人，我担心状态会发生变化。
我正在为如何使用Vuex从firebase导入数据而苦苦挣扎。据我所知，只有动作才能进行异步调用，但只有突变才能更新状态？
现在，我正在从我的突变对象调用firebase，它似乎工作得很好。老实说，所有的上下文、提交、分派等似乎都有点超载。我只希望能够使用最少量的Vuex来提高工作效率。
在文档中，看起来我可以像下面这样编写一些代码来更新突变对象中的状态，将其导入到computed属性中的组件中，然后使用store.commit('inc
浏览 0提问于2016-11-03得票数 5
1回答
我有一个非常基本的vue/vuex项目，我通过Http请求从我的数据库中加载了一个类别列表。在将Vuex集成到我的项目之前，当我创建使用数据的主组件时，我只是让HTTP变得正确。现在，在Vuex中，我有我的getter、突变和操作，但是，我不清楚的是使用Vuex的正确方式(或位置)来获取和填充状态对象类别。我仍然可以在组件create中运行Get，然后通过操作填充Vuex状态，但这似乎有点向后。希望有人能给我指出正确的“最佳实践”方法。
浏览 1提问于2018-02-26得票数 4
回答已采纳
我已经习惯了Vuex，因为我需要有一个存储库，当另一个组件被更改时，我可以轻松地访问和更新它。
目前，我的store如下所示：
import vue from 'vue';
import Vuex from 'vuex';
vue.use(Vuex);
export default new Vuex.Store({
state: {
users: {
columns: [],
model: [],
}
},
mutations: {
浏览 5提问于2017-05-05得票数 0
回答已采纳
例如，我是否可以在Vue文件中迭代Vuex数据并选择需要更新的数据，然后将找到的数据传递给一个提交它的操作，然后突变只进行更新？
我不确定的原因是，Vuex变异的典型格式包含了“state”的参数，所以我假设需要使用它，而唯一的方法是在突变中执行所有循环，或者将索引传递给它，以便更快地找到需要更改的确切字段。
对于谁的提问，一个代码示例：
someVueFile.vue
computed: {
...mapState({
arrayOfObjects: (state) => state.someVuexStore.arrayOfObjects
}),
},
m
浏览 2提问于2020-11-21得票数 1
回答已采纳
1回答
我试图写一种方式，在电子复制Vuex提交从一个窗口到另一个使用IPC。通过这种方式，devs可以无缝地使用浏览器窗口之间的Vuex存储，而无需手动使用IPC调用发送所有内容，导致大量重复代码。
到目前为止，我已经编写了一个基本的Vue插件来处理推交。
仅使用一些使用store.subscribe的基本代码，IPC将所有提交发送到main，然后main将提交转发到所有呈现程序窗口，并将提交应用于各自的存储。每个新浏览器Windows都能够将数据转发给所有其他浏览器。为了防止无止境的循环，在应用之前，我检查事件和有效负载，并验证它与当前值不同。
这一切都有效。它甚至没有那么慢令人惊讶。但是有一个问
浏览 3提问于2020-09-09得票数 2
回答已采纳
2回答
我要开始学裸体和vuex。我刚刚遇到了从getter访问组合注入插件函数的问题。例如：
nuxt.config.js
...
plugins: [
'~/plugins/myplugin.js'
],
...
~/plugins/myplugin.js
function doSomething(string) {
console.log("done something: " + string)
}
export default ({ app }, inject) => {
inject('doSomet
浏览 7提问于2020-05-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
