Vuex商店自动更新
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它集中管理应用程序中的所有组件的状态，并提供了一种可预测的状态管理方式。Vuex的核心概念包括state（状态）、mutations（变更）、actions（动作）和getters（获取器）。
- 状态（state）：Vuex使用单一状态树来存储应用程序的所有状态。状态可以通过在组件中使用
this.$store.state来访问。状态的优势在于可以集中管理应用程序的数据，使得数据共享和跨组件通信更加方便。 - 变更（mutations）：变更是修改状态的唯一方式。通过定义mutations来描述状态的变更操作，可以确保所有的状态变更都是可追踪的。在组件中，可以通过
this.$store.commit来触发一个mutation。 - 动作（actions）：动作用于处理异步操作或批量的状态变更。通过定义actions来描述异步操作，可以将异步逻辑从组件中抽离出来，使得组件更加专注于界面的展示和交互。在组件中，可以通过
this.$store.dispatch来触发一个action。 - 获取器（getters）：获取器用于从状态中派生出新的状态。通过定义getters来描述派生状态的计算逻辑，可以在组件中轻松地获取派生状态，而无需重复编写计算逻辑。
Vuex的应用场景包括但不限于以下几个方面：
- 大型单页应用程序：当应用程序变得复杂，组件之间的状态管理变得困难时，可以使用Vuex来简化状态管理。
- 跨组件通信：当多个组件需要共享数据或进行通信时，可以使用Vuex来集中管理这些数据，实现组件之间的解耦。
- 异步操作管理：当应用程序需要处理大量的异步操作时，可以使用Vuex的actions来统一管理这些异步操作，使得代码更加清晰和可维护。
腾讯云提供了云原生应用开发和部署的产品和服务，可以与Vuex结合使用，以提供完整的解决方案。具体推荐的腾讯云产品和产品介绍链接如下：
- 云原生应用开发平台：提供了一站式的云原生应用开发、构建、部署和运维的解决方案。详情请参考腾讯云原生应用开发平台。
- 云服务器（CVM）：提供了可扩展的计算能力，用于部署和运行应用程序。详情请参考腾讯云服务器。
- 云数据库（CDB）：提供了可靠的数据库服务，用于存储和管理应用程序的数据。详情请参考腾讯云数据库。
以上是关于Vuex商店自动更新的完善且全面的答案，希望能对您有所帮助。
相关·内容
2回答
我正在尝试弄清楚当VueX中的其他变量发生更改/更新时，如何正确地更新getter值。目前，我在一个组件中使用这种方式来更新：
watch: {
dates () {
this.$set(this.linedata[0].chartOptions.xAxis,"categories",this.dates)
}
}
因此，只要日期发生变化，就应该用dates值更新我的getter linedata。dates是来自VueX存储的状态变量。问题是，使用此方法时，当我将route/go更改为不同的组件时，值将不会正确更新。所以我认为使用VueX商店来做这类事情
浏览 24提问于2020-03-11得票数 6
回答已采纳
2回答
我正在开发一个使用Vue + Vuex的web应用程序。我是Vue的新手。我现在所做的是尝试将Vuex集成到我的Vue应用程序中。但是当我使用模块化的Vuex时，它不起作用。
这是我的商店文件，名为PersonalInfoFormStore.js
export default {
namespaced : true,
state : {
name : 'this is my name'
}
}
然后在app.js里，我建立了这样的Vuex商店
import Vuex from 'vuex';
import Persona
浏览 0提问于2018-10-12得票数 0
回答已采纳
7回答
就像在main.js中一样，我试图从一个助手函数文件中访问我的商店：
import store from '../store'
let auth = store.getters.config.urls.auth
但是它记录了一个错误：
未定义的TypeError:无法读取未定义的属性“getter”。
我试过了
this.$store.getters.config.urls.auth
同样的结果。
商店：
//Vuex
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex
浏览 6提问于2017-12-14得票数 49
回答已采纳
在我的vue前端，我尝试设置Vuex。在我的商店页面上(在商店目录内，文件名为index.js)使用VUE3.0的.Im当我运行代码时，我得到了Cannot read property 'use‘of undefined On Vue.use(Vuex)行 这是代码的一部分 import Vue from "vue";
import Vuex from "vuex";
import Api from "../services/api";
Vue.use(Vuex);//here i get the error
export defa
浏览 30提问于2020-09-08得票数 1
回答已采纳
现在，我正在使用事件总线从其他不相关的Vue组件调用某些Vue组件的方法。
我有一个功能良好的Vuex存储，所以我试图摆脱事件总线，并将此功能转移到Vuex商店。
问题
我应该将事件总线功能移到Vuex商店，还是两者都使用？
在Vuex商店中实现事件总线功能的最佳方法是什么？
请给出一个实际示例，说明如何使用Vuex调用另一个非相关组件中的方法：
First.vue
methods: {
test1 () {
console.log('test1 was called')
}
}
Second.vue
methods: {
callMet
浏览 0提问于2018-08-12得票数 0
如果我有一家商店： import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
foo: bar
},
mutations: {
updateComponent (state) {
// computation and logic
// update state
this.$refs.myComponent.updateComponent(state.f
浏览 38提问于2019-09-11得票数 2
回答已采纳
1回答
这是一个Vue/Vuex效率/确认最佳实践问题。
我有一个API返回一个分页的数据集50个产品，其中我保存在一个Vuex商店。
对于我的“显示所有产品”视图，我正在反复查看Vuex商店。
对于我的个人产品路线，我正考虑是否直接从Vuex商店加载该产品(这意味着不需要再次请求该产品，因此速度更快)。或者直接从我的API中请求那个产品。
我想，对API的最初请求需要用比用户最初在“显示所有产品”视图中暴露的数据更多的数据来响应，因此这似乎有点浪费。
对此有什么想法和看法吗？只是想和另一个人确认我的想法。
另外，对于Vuex，是否可以将数据附加到商店中？例如，如果用户正在循环使用更多的产品，我应该将
浏览 2提问于2017-09-19得票数 4
回答已采纳
在使用webpack定义动态组件时，是否可以访问VueX存储getter？ 我在我的商店里使用了多个模块。 示例： components: {
'some-template': () => {
const someVal = this.$store.getters.someVal;
return System.import(`./some-template/${someVal}.vue`)
}
} Main.js import Vue from 'vue'
import Vuex from 'vuex'
Vu
浏览 14提问于2020-07-11得票数 0
嗨，我需要将两个vuex商店合并成一个单独的商店(和都属于不同的项目)
import storeA from '/path';
import storeB from '/path';
现在合并了两个商店的
const combinedStore = //combine logic as i don't know this logic
我搜索了大量的堆栈溢出，以合并2 vuex商店，但我没有找到任何解决方案如此张贴。
下面是我的vuex商店在两个stores中的样子
商店1:
// storeA.js
const store =
浏览 3提问于2021-11-25得票数 4
回答已采纳
1回答
我有一个非常简单的VueJS示例，我遇到了一些问题。
我有一个名为enums.js的js文件，其中包含以下行
export const modeEnumeration = { PLAYBACK: 'playback', RECORDING: 'recording', NONE: 'none' };
我想将Vuex状态下的属性的初始值设置为这些modeEnumeration值之一。这是我的Vuex商店。
import Vue from 'vue';
import Vuex from 'vuex';
import mo
浏览 2提问于2020-05-06得票数 0
回答已采纳
1回答
有人能帮我把vuex-orm添加到Laravel工具中吗？
Laravel工具的底部有以下内容的tool.js (名称上的'planning-tool'，并且路径可能因工具的名称而异)：
Nova.booting((Vue, router, store) => {
router.addRoutes([
{
name: 'planning-tool',
path: '/planning-tool',
component: require('
浏览 9提问于2021-06-04得票数 1
我在./store.js中定义了我的商店：
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
...
});
并希望在我的main.js中设置vue-socket.io：
import { MyVuexStore } from './store.js'
Vue.use(VueSocketio, 'http://localhost:5000', MyVuexStore);
但是，由于商店
浏览 2提问于2017-10-05得票数 1
回答已采纳
我遇到了一个问题，我想把一个Typescript类引用到我的Vuex商店。但存储始终是未定义的。
这就是我的店
import Vue from 'vue';
import Vuex from 'vuex';
import { SessionManager } from '@/classes/worker';
import { User } from '@/classes/user';
Vue.use(Vuex);
export default new Vuex.Store({
state: {
user : new
浏览 2提问于2018-08-17得票数 0
回答已采纳
我有一个vuex商店，它存储被监视产品长度的状态，我在我的存储中得到产品的长度，但是每次我在代码中尝试{getWatchlength}时，我都会得到未定义的"getWatchlength“
这是我在控制台中遇到的错误
这是我的vuex商店，，我在我的商店里得到长度
这是我的html代码
<template>
<div id="app">
{{ getWatchLength }}
<router-view></router-view>
</div>
</template>
我的
浏览 1提问于2022-06-16得票数 0
回答已采纳
在不同的场景中，我有数据要填充和更新。在这些场景中，我需要填充"href“和"href2”，只要我尝试按下面的代码所写的填充，我就会得到
Uncaught TypeError:无法读取未定义的属性“getter”-(尝试从getters)引用)
同样，当从兄弟级Vuex状态数据引用时，undefined的：无法读取属性“locationId”
这是我的Vuex商店的一个样本片段。
注意:我想做的这个参考/呼叫是在我的Vuex商店里的。
我需要帮助知道如何正确引用这些数据在Vuex商店。提前谢谢你。
export default new Vuex.Store({
state:
浏览 4提问于2021-03-02得票数 1
1回答
将VueJs项目导出为组件
、、、、
我一直在做一个使用VueX商店的VueJs项目--现在我计划将它作为一个包导出，这样它也可以集成到其他网站中--问题出在VueX商店；因为其他网站将有自己的商店，是否可以将另一个子商店导入其中？(子存储=我的组件的存储)-如果是这样，我应该怎么做？ 谢谢!
浏览 21提问于2020-07-20得票数 0
您好，我正在使用vuex persistedstate来保持我的状态。
import createPersistedState from 'vuex-persistedstate'
const store = new Vuex.Store({
// ...
plugins: [createPersistedState()]
})
我想要做的是更新另一个选项卡中的商店状态，更新后的商店状态应该反映在我的应用程序的其他打开的选项卡中。
我怎样才能做到这一点。
浏览 7提问于2018-04-15得票数 3
0回答
我正在尝试从main.js文件访问我的vue.js应用程序中的应用商店。但是由于某些原因，当我尝试使用商店时，它是undefined。下面是我的代码：
main.js
import { store } from './store/store'
router.beforeEach((to, from, next) => {
if (to.meta.requiresAuth && !store.getters.isLoggedIn) {
next({ path: '/' })
} else if (to.path === &#
浏览 0提问于2018-07-15得票数 2
回答已采纳
我正在尝试在Quasar项目中实现Vuex商店。我使用quasar-cli创建了一个新项目，并选中了Vuex框。然后，我遵循quasar网站(https://quasar.dev/quasar-cli/cli-documentation/vuex-store)上的指南，使用quasar new store test创建了一个新的商店，然后在商店/index.js中注册了商店模块 export default function(/* { ssrContext } */) {
const Store = new Vuex.Store({
modules: {
test
浏览 87提问于2019-06-17得票数 4
回答已采纳
1回答
我正在开发的这个应用程序有多个内置模块的商店。根据路径路径，我想在全球范围内注入商店。这有可能做到吗？
import VueRouter from 'vue-router';
import Vuex from 'vuex';
Vue.use(VueRouter);
Vue.use(Vuex);
const router = new VueRouter({
routes: [
{ path:"/", component:Homepage},
{ path:"/Site", component:Sitepage}
], mode:
浏览 5提问于2022-03-03得票数 0
回答已采纳
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回答
我试图分派一个动作，但我得到这个错误：“未知的动作类型”。 我知道为什么我会有这个错误，但我只是不知道我做错了什么。 我的组件： created() {
this.$store.dispatch('techValid/fetchTechValids');
}, 我的商店(index.js)： import Vue from 'vue';
import Vuex from 'vuex';
import techValid from './modules/techValid';
Vue.use(Vuex);
expo
浏览 18提问于2020-04-02得票数 0
我有一个store.js
import Vuex from 'vuex';
export default new Vuex.Store({
state: { customers: [] },
mutations: {
addCustomer (customer) {
state.customers.push(customer);
}
}
});
在我的main.js中，我指的是商店，但vue-devtools总是返回[vuex] must call Vue.use(Vuex) before creating a store instan
浏览 1提问于2018-10-16得票数 0
回答已采纳
1回答
我正在建立一个简单的电影应用程序使用Vue和Vuex，并希望能够添加电影到收藏列表时，一个按钮被点击。我正在将电影添加到商店，但我希望在添加电影时，按钮上的文本从“添加到收藏夹”更改为“从收藏夹中删除”。我使用一个计算属性来读取Vuex商店，以根据电影是否在商店的收藏列表中来确定按钮上的文本。如果我重新加载页面，按钮上的文本会正确更改，但我无法在单击按钮添加/删除电影时更改文本。如何根据Vuex存储中的更改重新计算计算的属性？
下面是我的电影组件：
<template>
<div class="single-movie-page">
&l
浏览 2提问于2018-03-13得票数 1
我想在我的应用程序和模板中使用我的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回答
我正在创建SPA，我有一个问题是有关vuex商店和cookie(vue-cookie)。当用户登录时，vue将执行代码。
this.$cookies.set('username', 'player1', '1h');
this.$store.commit('logIn');
商店：
store: {
username: window.$cookies.get('username') || null;
}
突变：
logIn (state) {
this.state.username = window.$
浏览 0提问于2018-12-13得票数 2
回答已采纳
1回答
我将vue.js与nuxt一起使用，并想在离开网站后从vuex商店中删除一些东西。 我试过了 beforeDestroy ({ store }) {
store.commit('auth/setUserShowSecureAccountHint', false)
} 哪一个不起作用，因为商店是未知的 而且还 beforeDestroy () {
this.store.commit('auth/setUserShowSecureAccountHint', false)
} 没有工作，因为store是未知的。 离开网站后如何进入vuex商店？
浏览 11提问于2020-04-07得票数 1
回答已采纳
1回答
我已经建立了一个Vuex商店，以便在不同的组件之间共享状态。一位同事不小心在Vuex商店上设置了一个新的属性，而没有发送操作或提交一个突变，但是没有什么崩溃，应用程序继续运行。有什么办法可以防止这种情况发生吗？
这是商店的结构(简化)：
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
options: {},
},
actions: {
setAttributes (cont
浏览 6提问于2019-10-24得票数 0
回答已采纳
2回答
我在Nuxt中的命名空间商店中访问操作时遇到了问题。假设我在商店目录中有一个名为"example.js“的存储文件
import Vuex from "vuex";
const createStore = () => {
return new Vuex.Store({
state: {
forms : [],
},
mutations: {
setForms(state, forms) {
state.forms = forms
}
},
浏览 2提问于2020-12-04得票数 1
回答已采纳
我开始在没有Vuex的情况下开发一个Vue项目。我最近意识到我需要Vuex来做这个项目。我已经用npm添加了Vuex，并且我已经用Vuex样板填充了store.js文件。 然而，当我打开Chrome Vue开发工具时，它显示：“没有检测到Vuex商店。” ? 我需要执行哪些附加配置才能正确开始使用Vuex？ 谢谢！
浏览 124提问于2021-10-15得票数 0
我有一个vue应用程序。
如何从javascript/typescript模块文件(导入/导出)访问存储？
例如，我创建了输出状态、动作、突变的auth模块。
export const auth = {
namespaced: true,
state,
actions,
mutations,
getters,
};
在我的应用程序中，我将模块导入到我的商店：
Vue.use(Vuex);
export const store = new Vuex.Store({
modules: {
auth,
}
});
现在，我想为我的http调用创建拦截器(在我的
浏览 0提问于2018-09-29得票数 0
回答已采纳
在vuex商店中存储配置是一种好的做法吗？
export default {
state: {
app: {
name: 'A project using vuex'
}
}
}
浏览 0提问于2017-11-15得票数 0
4回答
我按照教程建立了一个Vuex商店，其中包含使用TypeScript的模块。
到目前为止，我已经：
vuex/vuex.types.ts
export interface RootState {
version: string;
}
vuex/user-profile.ts
import { ActionTree, Module, MutationTree } from 'vuex';
import { RootState } from './types';
interface User {
firstName: string;
uid:
浏览 0提问于2018-10-17得票数 10
我正在使用类星体开发我的应用程序，但仍在学习。我有一个父组件，它有4个子组件，如图像()所示。
我可以将子组件comp1,2,3修改为父组件，但我不知道如何从父组件中$emit $emit' change from child comp 4 to parent. Reason being comp4 receive list(please see list of data in comp4) of data as‘。
我有下面的comp4代码示例:通过Vuex商店作为道具的durationOptions。由于Vuex商店的直接更新，我在行@click="option.selec
浏览 1提问于2020-04-05得票数 1
回答已采纳
我在Vue.js中使用Vue.js。
首先，如果我把我的商店放在main.js里面。啊，真灵。
但是当我将我的商店分割成一个名为store.js的文件时，它就不能工作了。
src/store.js
src/main.js
store.js
import Vue from 'Vue'
import Vuex from 'Vuex'
Vue.use(Vuex);
export const store = new Vuex.Store({
state: {
title: 'Hello from the Vuex Store',
}
浏览 1提问于2019-06-21得票数 0
当我刷新页面时，商店的状态全部消失了。
这在编程时非常不方便。
当我查找时，有一个名为vuex持久化的模块，它在localStorage中存储vuex的状态。
为什么vuex在默认情况下不在cookie或localStorage?And，中存储vuex状态，使用vuex持久化模块存储存储状态会有任何副作用吗？。
浏览 0提问于2020-04-14得票数 2
回答已采纳
1回答
我想利用"Vuex“功能在整个项目中存储和使用"isAuthenticated”变量，根据这一点，允许访问路由。我的错是什么？我花了很多时间，回顾了许多不同的方法将vue商店嵌入到项目中，但没有结果。
“商店”中的"index.js“：
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
const store = new Vuex.Store({
state: {
isAuth: false,
},
mutations:
浏览 1提问于2022-02-20得票数 1
回答已采纳
我在几个模块中构建了我的Vuex商店，现在我面临着一个我无法解决的奇怪的Vuex错误： Uncaught Error: [vuex] getters should be function but "getters.default" in module "customer" is {}.
at assert (vuex.esm.js?358c:97)
at eval (vuex.esm.js?358c:271)
at eval (vuex.esm.js?358c:85)
at Array.forEach (<anonymous>)
at forEac
浏览 72提问于2019-01-25得票数 4
回答已采纳
1回答
Vuex无法调用模块
、、、、
当我试图调用模块时，我得到错误vuex未知操作类型: signUp，它也不工作，有什么问题吗？this.$store.dispatch('auth/signUp', this.form)
方法
methods:{
signUp() {
this.$store.dispatch('signUp', this.form)
}
}
商店
import Vue from 'vue'
import Vuex from 'vuex'
import auth from './modules/auth'
Vue.
浏览 0提问于2021-08-29得票数 0
我试图通过添加类nav-selected使导航在点击时处于活动状态。我见过其他类似的问题，但这些问题都与v-model有关，所以他们没有帮助我。
我需要确保它被添加到存储中，这样即使在刷新之后，我也可以始终看到哪个页面处于活动状态。但是，我收到了以下错误：
Navigation.vue:
<template>
<v-container>
<v-layout align-center>
<!-- Logo -->
<v-flex sm2>
浏览 0提问于2018-07-06得票数 2
回答已采纳
我很难理解如何正确地使用Vuex，如果我甚至应该在我的情况下使用它。
假设我有从组件构建的简单的在线商店：
产品列表.产品过滤.
没有Vuex：
我可以将筛选作为子组件，将列表作为父组件。获取列表中的异步数据，然后将其作为支柱(或v-模型)传递给筛选。然后通过$emit将过滤后的产品传回。而且效果很好。
与Vuex：
用模块产品制作Vuex商店。在它里面，所有从API中获取产品并对其进行过滤的逻辑。现在，组件列表和过滤可以分开。在它们内部使用getters/actions (从商店到Products模块)。一切都会好起来的。
我理解得对吗？
但问题是：
假设我想在其他地方使用products，
浏览 4提问于2021-02-03得票数 0
回答已采纳
1回答
为什么这个承诺没有解析回呼叫者？
、、、、
我有一个Vue-App，与Vuex和Axios一起运行。在这个应用程序中，我有处理API调用的vuex商店，但问题是，当我调用商店时，我不能在caller.Any想法中链接响应，我做错了什么？
呼叫代码：
import { FETCH_PRODUCTS, ADD_PRODUCT } from './actions.type'
methods: {
sendNewProduct () {
this.$store
.dispatch(ADD_PRODUCT, this.newProductForm)
.then(() =>
浏览 0提问于2018-10-20得票数 1
回答已采纳
免责声明
我有vuex商店，那个存储一些数据。例如，->商店和topCategories
在topCategories，我在这样的商店里和顶级产品打交道。
{ '1' : {name: 'Banana', category: 'Fruits', 'sales': 50}, {name: 'Apple', category: 'Fruits', 'sales': 50} }，其中'1‘是shopID
对于每一家商店，我们都有相同的topProdu
浏览 0提问于2018-11-15得票数 1
我有一个导入vuex商店的库
import {store} from "./index"
该index文件有一个常量导出，如下所示
export const store = new Vuex.Store({ ...
在我进行导入的文件中，我想在导入后使用存储中的内容，但store未定义。
如果我将我的商店访问封装在一个setTimeout中，比如
setTimeout(()=>{
// use store normally now..
},0)
它起作用了。
为什么？我猜这并不是Vuex所特有的，但我不知道为什么会这样。
浏览 5提问于2018-03-12得票数 1
我有一个导入需要Vuex.store.state才能运行的notifications.js模块的Vuex商店。您将如何解决此问题？ 现在，我正在通过将store.state作为一个参数传递来解决这个循环依赖。有没有更好的解决方案？ 这个方法需要在每个使用new Notification()的文件中导入store.state，这样我就可以将它作为一个属性进行传递。 Vuex商店 import Notification from './notifications.js'
actions: {
someAction (store) {
new Notification
浏览 29提问于2021-09-28得票数 0
4回答
我刚接触过vue，所以我可能犯了个新手的错误。
我有一个根vue元素- raptor.js：
const Component = {
el: '#app',
store,
data: {
productList: store.state.productlist
},
beforeCreate: function () {
return store.dispatch('getProductList', 'getTrendingBrands');
},
updated: function (){
console.log(111
浏览 4提问于2017-02-12得票数 24
回答已采纳
我用vue CLI安装并创建了一个项目VUE。我想添加VUEX在我的应用程序中添加一个商店。但当我用：
npm install vuex --save-dev
我有错误：
无法解决依赖关系:peer vue@"^2.0.0“来自根项目的vuex@3.6.2节点_模块/vuex vuex@*
我怎么才能解决这个问题？我应该用其他方式安装vue吗？
浏览 4提问于2021-03-16得票数 7
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
2回答
我有一个组件(模态)，它依赖于商店。该存储具有模态组件的状态--无论它是否活动。
我需要能够调用这个模式打开从其他组件，甚至只是在一个标准的链接。它通过添加一个.active类打开。
如何通过调用存储操作或调用模态组件方法(映射到存储)来更改存储的状态。
模态商店：
class ModalModule {
constructor() {
return {
namespaced: true,
state: {
active: false,
},
浏览 0提问于2017-07-27得票数 3
回答已采纳
我用的是Vue.js和Vuex。我想要watch store的值(我将在这篇文章的最后分享我的示例代码)。但是我遇到了错误" error : vuex store.watch只接受函数“。
在这个网站上，我发现了如何使用"single“商店。
然而，在我的例子中，我想使用“两个”商店。你有什么办法来解决这个问题吗？
Index.js
'use strict';
import Vue from 'vue';
import Vuex from 'vuex';
import {test1Store} from './mod
浏览 7提问于2018-01-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
