不可靠的数据Vuex
是一个名词，它指的是在前端开发中使用的一种状态管理模式和库。它可以帮助开发者更好地管理和共享应用程序的状态，以及处理组件之间的通信。
概念： 不可靠的数据Vuex基于Flux架构，将应用程序的状态存储在一个单一的全局对象中，称为“store”。这个store中的状态可以被所有组件访问和修改，而不需要通过组件之间的直接通信来传递数据。这种集中式的状态管理可以使应用程序的状态变得可预测和可维护。
分类： 不可靠的数据Vuex可以被归类为前端开发中的状态管理工具。
优势：
- 集中式的状态管理：通过将应用程序的状态存储在一个全局对象中，可以更好地管理和共享状态，避免了组件之间的数据传递问题。
- 可预测的状态变更：所有的状态变更都必须通过提交mutation来进行，这样可以清晰地追踪状态的变化，使得应用程序的状态变得可预测。
- 插件化的扩展：Vuex提供了一些插件机制，可以方便地扩展其功能，例如调试工具、持久化存储等。
应用场景： 不可靠的数据Vuex适用于中大型的前端应用程序，特别是那些具有复杂的组件结构和数据流动的应用。它可以帮助开发者更好地组织和管理应用程序的状态，提高开发效率和代码质量。
推荐的腾讯云相关产品： 腾讯云提供了一些与前端开发相关的产品和服务，可以与不可靠的数据Vuex结合使用，例如：
- 云服务器（CVM）：提供可靠的云服务器，用于部署前端应用程序。
- 云存储（COS）：提供可靠的对象存储服务，用于存储前端应用程序的静态资源。
- 云函数（SCF）：提供无服务器的函数计算服务，用于处理前端应用程序的业务逻辑。
产品介绍链接地址：
- Vuex官方文档：https://vuex.vuejs.org/zh/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
相关·内容
我正在尝试测试一个引用Vuex商店的基本Vue组件。我想我遵循了Vue的例子(https://vue-test-utils.vuejs.org/guides/using-with-vuex.html#mocking-getters)到了一个T，但它似乎不起作用。 我得到了标题中提到的错误。 const localVue = createLocalVue()
localVue.use(Vuex)
describe('Navbar.vue', () => {
let store: any
let getters: any
beforeEach(() =>
浏览 52提问于2019-02-05得票数 6
1回答
我正在努力保存一些数据，这些数据需要在页面重新加载后保持不变。我偶然发现了Vuex。我设法让它在一个只有Javascript的项目中工作，但由于某种原因，我不能让它在TypeScript中工作。刷新后，数据使用默认值，而不是在页面刷新之前分配的数据。 import Vue from 'vue'
import Vuex from 'vuex'
import VuexPersistence from 'vuex-persist'
import LanguageEntry from '../classes/LanguageEntry'
浏览 32提问于2021-07-31得票数 0
回答已采纳
如果我使用Vuex，这是否意味着最好将所有数据存储在vuex/状态中？我有点困惑，一些我从API (例如UserDetail)获得的数据，我不需要在组件中共享它，或者我可以轻松地将它作为道具来传递。我应该在Vuex/State保存这类数据吗？为什么不通过允诺获取数据，或者只使用Vuex/Action/诺言？
浏览 0提问于2017-05-05得票数 12
回答已采纳
1回答
我正在寻找一个解决方案，使我的vuex数据反应。
让我解释一下背景。我根据vuex的数据提供一个列表
`computed: {
...mapGetters(["groups"])
},`
此列表可由具有拖放系统的用户修改。(我使用 FYI)
问题是数据不是被动的。通常，我让data() vuejs属性中的数据，所以当用户修改列表时，数据会被重新更新。
那么，是否可以将数据从vuex导入data()属性？所以：
1来自vuex的数据在data()中被“导入”。
2/ data()被用户交互修改
3/ data()在必要时保存在vuex中(在我的const状态={}中)。
浏览 1提问于2018-11-30得票数 5
回答已采纳
3回答
我目前正在开发一个新的Vue.js应用程序。它在很大程度上依赖于对后端数据库的api调用。
对于很多事情，我使用Vuex存储，因为它管理我的组件之间的共享数据。在github上查看其他Vue项目时，我看到一个特殊的vuex目录，其中包含处理所有操作、状态等的文件。因此，当组件必须调用API时，它会包含来自vuex目录的action文件。
但是，例如，对于消息，我不想使用Vuex，因为这些数据只对一个特定的视图重要。我想在这里使用组件特定的数据。但这是我的问题:我仍然需要查询我的api。但我不应该包括Vuex的行动文件。因此，我应该以这种方式创建一个新的操作文件。这样，我就有了一个特定的文件，其
浏览 3提问于2016-11-26得票数 43
我可以从vuex获取所有数据，只有一个例外，更让我惊讶的是，我可以在Chrome中获取数据，只能在Chrome中获取。 我已经尝试了不同的方法，在本地存储和vuex-persistedstate之间切换，仍然无法解决这个问题。 这是我的vuex状态： state: {
statusOptions:JSON.parse(localStorage.getItem('optionsStatus')),
}, Axios请求： axios({
url: 'http://10.80.101.187:8081/api/directory/presencestatus
浏览 32提问于2019-05-21得票数 0
简短问题:是否可以通过Nuxt Auth模块手动更新Vuex中的用户数据？
我为什么要问这个问题:我的问题是这个。在MongoDB中，我在用户文档中保存了一些喜欢/遵循。我的认证是用Nuxt Auth实现的。Nuxt在登录时将我的用户文档存储在Vuex中。
如果用户现在喜欢什么东西，它将被存储在数据库中，但我没有将它放到Vuex的Nuxt的auth状态。
另一种选择(我认为)是修改Vuex中的数据，就像在数据库中一样。但在这里，我遇到了严格的Vuex模式的问题。
对我来说有效的一种可能是再次将用户数据保存在一个单独的状态中，并且总是手动更新它。但是，我真的需要在Vuex中保存用户数据几次吗？对
浏览 0提问于2019-05-21得票数 3
回答已采纳
1回答
V-数据表拖放
、、、、
我和vuex商店一起使用V数据表。下面是我如何配置v-data表的要点
禁用对每列的排序
将v-数据表项与vuex状态存储数据绑定。
使用sortablejs拖放行
问题:当我拖放v数据表中的行时，I正在更新vuex存储(用表行索引值更新数组中对象的索引值)。Vuex正在正确更新，但v- data表中呈现的数据与vuex状态存储中的数据顺序不同。
有人能帮我吗
我试图克服这个问题的最好方法是强制重新呈现v-data表组件，但是当我这样做时，我就不能再拖放了。
使用以下模板呈现的强制
<template>
<component-to-re-render
浏览 1提问于2019-07-09得票数 5
0回答
Vuex商店自动更新
、、、、
我的Vuex存储获取automatically updated，而不调用任何getters或在immediate router change上调用committing任何mutation。
在保存表单之前，我不会提交对VUEX的更改，因此这意味着数据以双向方式绑定到VUEX。我的印象是这是不可能的。在这种情况下，这并不是所需的，因为如果用户更改了某些数据，然后在没有实际单击“保存”的情况下导航离开，则数据仍然是VUEX更改的
浏览 1提问于2017-06-08得票数 6
回答已采纳
我有一个vuejs3插件，可以通过异步axios调用从api获取数据。来自api的数据存储在vuex存储中。
这些组件监视vuex存储中的数据，并在数据发生变化时更新显示。
我的问题是:有没有更好的解决方案？没有vuex？
谢谢
浏览 1提问于2021-11-23得票数 0
我对这个话题有一个疑问，我需要在一开始就初始化vuex商店。
详细地说，我需要从本地存储检索一些数据到Vuex存储，因为这些数据将决定用户将登陆哪个页面。
我的问题是：
在vue项目中，最好的地方(最佳实践)是哪里？
是否存在这样的优势(将数据从本地存储复制到vuex存储)？如果我用localStorage.getItem('key')直接读取本地存储数据而不使用vuex，情况就不一样了吗？
谢谢
浏览 20提问于2022-06-26得票数 2
1回答
我有一个非常基本的vue/vuex项目，我通过Http请求从我的数据库中加载了一个类别列表。在将Vuex集成到我的项目之前，当我创建使用数据的主组件时，我只是让HTTP变得正确。现在，在Vuex中，我有我的getter、突变和操作，但是，我不清楚的是使用Vuex的正确方式(或位置)来获取和填充状态对象类别。我仍然可以在组件create中运行Get，然后通过操作填充Vuex状态，但这似乎有点向后。希望有人能给我指出正确的“最佳实践”方法。
浏览 1提问于2018-02-26得票数 4
回答已采纳
3回答
我正在将一个纯Vue应用程序迁移到Vuex，但我不确定将数据传递到下游组件的最佳方式。Vue的方式是将它们作为属性传递：
<component :my-prop="myProp"/>
Vuex的方式似乎是直接访问商店：
computed: {
myProp: function() {
return this.$store.state.myProp;
}
}
Vuex方式不是倾向于将视图(组件)和数据(存储)层耦合得更紧密吗？另一方面，向下游传递属性可能有点痛苦。
在Vuex中访问商店数据的推荐方式是什么？
浏览 5提问于2017-01-13得票数 4
2回答
我有一个vuejs组件和一个vuex商店。
我希望将数据从vue组件发送到vuejs存储，然后调用vuex中的函数，即将数据推送到db。
我从currentUser (这是可行的)获得数据，但是在vuex存储中，我得到了错误：Cannot read property 'push' of null。
我运行的createPost工作，但数据没有被推送到vuex存储，我认为是因为上面的错误。
#vuejs component
import { mapState, mapGetters, mapMutations, mapActions } from "vuex";
浏览 3提问于2019-05-01得票数 1
回答已采纳
我想要创建一个组件，可以多次实例化，指向不同的vuex命名空间(从不同的vuex命名空间加载数据)。该组件将从Vuex获取大部分数据。假设我有一个Person组件，我可以根据vuex的不同路径实例化Person组件的许多副本。
我知道如何做到这一点的最好方法是传递一个vuex路径作为支柱，但是我不知道如何使用mapGetters和朋友，因为他们在实例化.vue文件时需要一个名称空间。
我希望能深入了解最好的"Vue方式“来构建这个结构。这是我目前发现的最接近的方法。
Person.vue：
<template>
<div>person {{name}}
浏览 0提问于2018-03-15得票数 1
回答已采纳
我目前正在构建一个简单的购物车，我想知道每次执行下面看到的addProduct突变时，如何持久化携带购物车数据的数组。保存这些数据不是永久的，而仅仅是为了减轻浏览器刷新的影响吗？我知道vuex-persistedstate，但是在这种情况下我该如何应用它呢？
import Vue from 'vue';
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
import * as Cookies from 'js-cookie'
浏览 10提问于2018-08-02得票数 0
2回答
我试图使用vuex中存储的数据来呈现d3图。但是我不会用renderGraph()函数获取数据。
如何在renderGraph()?中获取数据
以下是存储方法。
store/index.js
import Vue from "vue";
import Vuex from "vuex";
import * as d3 from "d3";
Vue.use(Vuex);
export const store = new Vuex.Store({
state: {
subscribers: []
},
getters: {
浏览 2提问于2020-04-10得票数 0
回答已采纳
1回答
我正在将vuex升级到2.0，我想知道在初始化数据之前是否可以使用mapstate/getters？
在Vuex1.0中，Vuex状态会在data()之前映射，这样我就可以先调用this，然后再调用我想要访问的状态
import { mapGetters } from 'vuex'
export default {
vuex: {
getters: {
userSettings: ({ settings }) => settings.userSettings,
}
},
data: function () {
return
浏览 2提问于2017-04-13得票数 5
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
回答已采纳
我正在尝试编辑表单。所以我使用Vuex来存储我的表单信息，表单本身在一个子组件的vuetify对话框中。我也使用道具来提示vuetify对话框打开，同时也发送索引。 我使用vuex getters (tableUsulan)的值设置编辑vue数据(tableUsulanTemp)，如下所示： props: {
value: false,
index: null
},
model: {
prop: "value",
event: "editClicked"
},
// set vue data with vue
浏览 13提问于2020-05-01得票数 1
回答已采纳
环境
我们有一个使用Vue 2的，安装了Vuex和TypeScript。
问题
目前，我们正在获取一些vuex状态数据(通过vuex getter)。那就用它吧。然而，如果我们变异“获取的数据”，它会影响vuex状态。看上去很疯狂！下面是一个非常愚蠢的服务模块的简化版本：
// vuex
import { mapState } from 'vuex'
// store
import store from './../store';
// types
import { ServiceType } from './../types/services'
浏览 4提问于2021-01-28得票数 1
2回答
因此，我喜欢VueX模块和将数据分离出来的想法，因为当有大量数据时，它使推理变得更加容易.但我讨厌将它们称为存储状态中的嵌套对象。
该模块目前的工作方式如下：
contactData.js：
export const contactData = {
state: {
contactInfo: null,
hasExpiredContacts: false
},
mutations: {
updateContactInfo(state, data) {
state.contactInfo = data
浏览 0提问于2018-03-16得票数 1
回答已采纳
在不同的场景中，我有数据要填充和更新。在这些场景中，我需要填充"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中的突变有问题--在我的组件中，我传递了getter和突变，这样我就可以使用数据了。但是，getter传递得很好，可以从组件中检索，但是关于突变，它们似乎都没有定义。我有另一个组件与相同的设置，这似乎工作良好。
下面是与我有问题的组件相关的代码：
到目前为止，我已经尝试通过导入整个store来检索数据，但这不是我必须做的，也不是最优的。
请进一步告知。
商店
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export const store = new Vuex.St
浏览 0提问于2018-07-23得票数 3
1回答
如果由vuex操作发出的API调用失败，我正在寻找一种方法来更改组件中的某些数据值。目前，我通过在操作中添加一个try-catch，然后抛出错误，然后使用另一个try-catch在组件中捕获错误。就像这样：
构成部分1
async method() {
try {
this.VUEX_ACTION();
}
catch (e) {
/* this method changes the values inside data */
this.componenntMethodToExecute();
}
}
维克斯
VUEX_ACTION() {
try {
浏览 2提问于2020-04-30得票数 0
1回答
如何从商店获取数据？
、、、
如何使用vuejs从vuex商店获取数据？ 下面是我的代码: index.js Vue.use(Vuex);
export default new Vuex.Store({
modules: {
data
}
}) data.js import axios from 'axios';
const state = {
data: ''
};
const getters = {
getData: (state) => {
return state.data;
}
};
const
浏览 16提问于2021-01-11得票数 0
我有一份vuex的任务清单。我在一个组件中有一个按钮，可以添加一个任务。我也有一个后端服务器，将存储在数据库中的任务。
现在，我将其设置为：
Button->Ajax->Backend Response->Update Vuex->Vue Updates Frontend
我想要的是：
Button->Update Vuex->Ajax/Vue each do their thing.
我的问题是，在数据库创建它之前，我没有该项目的id。我可以在本地创建一个临时id，并将其作为临时id发送到服务器，但这看起来很混乱。我不会存储它，我只是在vuex中使用它来更
浏览 0提问于2018-02-23得票数 0
我已经将Vuex-Persist和Vuex-ORM添加到我的Nuxt项目中。当应用程序第一次启动时，我想添加一些样板数据。 在我的default.vue布局中，我添加了一个创建的函数来添加这个虚拟数据。 <script>
import Project from '../models/Project';
export default {
created () {
// I'm Using Vuex-Orm to check if there are any projects stored
if (Project.query().coun
浏览 15提问于2020-04-06得票数 0
回答已采纳
1回答
这是一个Vue/Vuex效率/确认最佳实践问题。
我有一个API返回一个分页的数据集50个产品，其中我保存在一个Vuex商店。
对于我的“显示所有产品”视图，我正在反复查看Vuex商店。
对于我的个人产品路线，我正考虑是否直接从Vuex商店加载该产品(这意味着不需要再次请求该产品，因此速度更快)。或者直接从我的API中请求那个产品。
我想，对API的最初请求需要用比用户最初在“显示所有产品”视图中暴露的数据更多的数据来响应，因此这似乎有点浪费。
对此有什么想法和看法吗？只是想和另一个人确认我的想法。
另外，对于Vuex，是否可以将数据附加到商店中？例如，如果用户正在循环使用更多的产品，我应该将
浏览 2提问于2017-09-19得票数 4
回答已采纳
我非常喜欢NUXT的框架，但它也给我带来了一些麻烦，因为我们对NUXT的底层实现和工作原理知之甚少。关于以下四个问题，我希望能从你们那里得到一点启示。
我使用NUXT2
将使用Vuex降低性能？
会在服务器上运行Vuex吗？是否将vuex数据从服务器下载到客户端？
使用Vuex会增加内存吗？
相同的状态，在vuex中存储和在组件中存储有什么区别？
浏览 6提问于2022-08-14得票数 0
回答已采纳
我正在尝试使用的npm包“vuex-orm-decorators”。
当我尝试插入DB时，我会得到错误的TypeError: this.types is not a function
实体看起来像这样
import { Model } from "@vuex-orm/core";
import { NumberField, OrmModel, StringField } from "vuex-orm-decorators";
@OrmModel("races")
export default class Race extends Model {
浏览 5提问于2019-11-24得票数 1
回答已采纳
2回答
在下面的代码中，我将一个textarea的输出双向绑定到一个p元素，一次是从组件的内部状态，一次是从Vuex。Vuex状态确实显示了初始值，但是该值不会随着我添加或删除文本而更新(就像它正确地处理绑定到内部数据的第一个文本区域一样)。导致此问题的差异是什么？
组件代码：
<template>
<div>
<div>
<textarea name="textarea1" id="txtid" cols="40" rows="30" v-model="inter
浏览 64提问于2017-07-05得票数 7
回答已采纳
我试图设计一个商店来管理我的Vuex应用程序的事件。到目前为止，我有以下几点。
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
const state = { dataRows: [], activeDataRow: {} };
const mutations = {
UPDATE_DATA(state, data) { state.dataRows = data; state.activeDataRow = {}; },
};
export default new Vue
浏览 5提问于2016-11-30得票数 0
回答已采纳
我有一个更新Vuex中状态的组件，我可以通过vue开发工具看到vuex的状态改变了，但是当我试图通过绑定到Vuex上的mapGetters或mapState的监视器来执行状态改变时执行一些逻辑时，它根本不起作用。来自vuex的代码： import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export const store = new Vuex.Store({
state: {
companyDetails: {},
//date: "",
s
浏览 13提问于2018-12-16得票数 1
回答已采纳
4回答
我有数据，在VueJS-application init之前加载过一次，这些数据不会一直改变，而html-页面不会重新加载(经典的CGI应用程序，而不是SPA)。数据示例：
const nonReactiveObjectWithSomeNestedData = {
a: 'a',
b: {
bb: 'bb',
cc: { ccc: 'ccc' },
dd: ['dd1', 'dd2']
}
}
我在几个vue组件中使用这些数据。将这些数据存储在Vuex命名空间模块中，并使用Vue
浏览 8提问于2017-11-23得票数 16
回答已采纳
存储中的所有数据都保存在localStorage中，但我只想保存我的用户，用户存储在nuxt.js存储中。
这是我的store/login.js
export const state = () => ({
user: ''
})
export const mutations = {
setUser(state, newUser) {
state.user = newUser;
}
}
export const getters = {
getUser(state) {
return state.user
浏览 4提问于2022-02-21得票数 0
3回答
我正在用laravel和vuejs构建认证系统，我正在使用JWT构建认证系统，并将令牌存储在乳存储中。我能够存储在vuex存储的用户数据，是的，我可以看到在vuex区域下的devtool。问题是，当我刷新页面时，我会失去它。我想持久化用户的信息，它不应该被删除的页面刷新。我怎样才能做到这一点
import Vue from 'vue'
import Vuex from 'vuex'
import userStore from './components/user/userStore'
Vue.use(Vuex)
const debug =
浏览 2提问于2017-10-08得票数 5
回答已采纳
我使用vue+vuex+vue-本机-websocket。根据使用vuex处理websocket消息的文档，我应该使用SOCKET_.突变。
目前，我处理存储/index.js文件中的所有消息，如下所示：
mutations: {
...
SOCKET_ONMESSAGE(): {
switch(message.cmd) {
case 'userRsp'
...
case 'connectionRsp'
...
case 'otherDataRsp'
浏览 0提问于2018-04-03得票数 5
2回答
如何向Vuex装载火药库收藏？
、、、、
我的目标是将一个防火墙集合加载到Vuex状态，并将其用于多个页面。我试着跟着：
我跟踪了这篇文章，或者我遗漏了什么，或者代码可能已经过时了？我对Vuex非常陌生，所以我可能做错了什么，但我不确定。
store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
const db = require('../components/fbInit')
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
categorie
浏览 2提问于2020-01-13得票数 1
回答已采纳
1回答
我正在尝试在一个Vue项目中使用Typescript，在这个项目中，我使用vuex进行数据状态管理。在中，它说：
注意:对于TypeScript用户，vuex@3.0+需要vue@2.5+，反之亦然。
但是，该站点周围没有使用提示或规范。
那么，假设我们已经有了Vuex@3.0+和Vue@2.5+，那么在存储成员中实现Typescript要做什么呢？我们是否应该为类型(即types.ts)创建一个单独的文件，并将数据类型存储为Typescript接口/类等？
附言: Typescript与Vuex的属性的无缝使用将是非常好的。
浏览 17提问于2017-11-30得票数 0
回答已采纳
我很难理解如何正确地使用Vuex，如果我甚至应该在我的情况下使用它。
假设我有从组件构建的简单的在线商店：
产品列表.产品过滤.
没有Vuex：
我可以将筛选作为子组件，将列表作为父组件。获取列表中的异步数据，然后将其作为支柱(或v-模型)传递给筛选。然后通过$emit将过滤后的产品传回。而且效果很好。
与Vuex：
用模块产品制作Vuex商店。在它里面，所有从API中获取产品并对其进行过滤的逻辑。现在，组件列表和过滤可以分开。在它们内部使用getters/actions (从商店到Products模块)。一切都会好起来的。
我理解得对吗？
但问题是：
假设我想在其他地方使用products，
浏览 4提问于2021-02-03得票数 0
回答已采纳
1回答
Vue路由器和Vuex
、、、、
我有两个问题。1.如何捕获未定义的路由并重定向到404页? 2.如何使用Vuex操作从api获取数据？我知道vuex突变必须是同步和动作异步。但我可以得到突变的数据，然后使用承诺。但不能在行动上或者我做任何错误。请给我举个漂亮的例子(组件类型)。我在laravel项目中使用vuex。谢谢..。
浏览 5提问于2017-03-28得票数 0
回答已采纳
我想在我的应用程序和模板中使用我的Vuex商店数据。
我的Veux商店：
var Vue = require('vue');
var Vuex = require('vuex');
Vue.use(Vuex)
let store = new Vuex.Store({
state: {
user: {},
},
}
}
module.exports = store
我想在我的应用程序中使用商店数据，并在模板中显示它。但是，在data属性中设置数据时，this.$store为undefined。但是
浏览 5提问于2017-04-27得票数 9
回答已采纳
1回答
我试图修改一个vuex存储，但是在对象内部的一个键上使用v模型。显然，在修改数据时，必须使用突变来完成。但我很难弄清楚如何用更有价值的方法来做这件事。
这里有一个小提琴，它应该会产生一个vuex错误(由于某种原因，这个错误不会在小提琴中产生)：
[vuex] Do not mutate vuex store state outside mutation handlers
如何为从状态返回的对象设置一个计算值，而不必将整个数据集复制到另一个变量并手动跟踪所有更改？
浏览 0提问于2018-12-19得票数 0
回答已采纳
我正在创建一个应用程序并第一次使用Vuex。这个应用程序是用Vue.js构建的，非常复杂，需要一个单独的存储对象，在所有组件之间共享。Vuex似乎是一个很好的解决方案，但我仍然不确定将哪些数据存储在我的vue实例/组件上，以及将哪些数据存储在Vuex中。
根据Vuex文档，它存储“状态数据”。通过术语，我假设状态只是表示应用程序本身的当前状态的数据，如下所示：
{
isUserLoggedIn: true,
isPaymentModalShowing: false,
isLeftMenuOpen: true,
....
}
基本上，所有可以以动词"is“
浏览 4提问于2020-03-19得票数 0
我正在使用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
回答已采纳
3回答
我正在使用Vue和Vuex进行集中存储管理。我在存储中有一个由setTimeout函数频繁更新的对象列表。我想让用户使用双向数据绑定表单进行选择和编辑。我的问题是，每当存储中的任何数据更新时，用户正在修改的选定对象也会重新呈现。这样，用户就会丢失更改。
解决方案是将对象从Vuex存储克隆到本地数据对象，并将其绑定到表单，以防止在编辑表单时进行更新。我尝试了所有可能的方法来克隆Vuex返回的可观察对象，但都没有成功。我特别尝试了以下方法：
JSON.parse(JSON.stringify(obj))
和
Object.assign({}, vueObj)
以及其他来自外部库的深度克隆方法，如_
浏览 3提问于2018-01-17得票数 12
回答已采纳
我试着用Vuex从火力基地获取数据。我正在与firebase进行通信，将数据提交到突变中，getter将从状态获取数据。然后，我想在App.vue中显示状态数据。
在App.vue组件中，我用挂载函数编写了分派，并尝试从Vuex获取数据。但是，我得到了错误的"TypeError: this.$store.dispatch is not a function"，当我检查状态时，它说是未定义的。我的行为和突变写得对吗？为什么我会犯这个错误？
store.js
import Vue from 'vue';
import Vuex from 'vuex'
浏览 2提问于2020-06-15得票数 0
回答已采纳
为什么它不显示来自jsonplaceholder的json？我是不是漏掉了什么？这是我第一次使用Vuex。 顺便说一句，我分离了这些文件，这样我就可以很容易地调试它，我认为这对我来说是一个很好的实践，因为我计划在一个更大的项目中实现vuex。这是我的index.js： import Vue from 'vue';
import Vuex from 'vuex';
import articles from './modules/articles';
//Load Vuex
Vue.use(Vuex);
//Create store
expor
浏览 30提问于2019-10-16得票数 0
回答已采纳
我想在每次更改路由器之前检查数据是否在存储中，如果数据不在vuex中，我想使用vuex的操作从服务器获取数据。那么，我如何在beforeEach中使用操作呢？
我用的是vue2.0
浏览 14提问于2016-11-14得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
