问题标签 [vuex-modules]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - _mapGetters() 的 Vuex 模块问题：getter 应该是函数
我正在尝试使用 Vuex 模块重组我的项目。如果之前一切正常，我现在在我的 App.vue 组件中遇到错误，与 __mapGetters w 模块有关
导航链接正在使用： v-if="isAuthenticated" 这是登录模块中的吸气剂
@/App.vue
我的vuex 项目结构现在是：
@/vuex/商店
@vuex/modules/login/index.js
@/vuex/login/mutation_types
unit-testing - 使用 vuex 模块时如何测试突变
在使用 vuex 模块之前，我的变异测试没问题：
现在我重构了我的 vuex 文件夹，我的状态和突变在每个 vuex/modules/../index.js 文件中
vuex/modules/login/index.js
使用 vuex/store.js
考虑到这种新结构，我重写了单元测试如下：
测试/单元/specs/vuex/modules/login/index.spec.js
我得到一个错误，关于突变：
我尝试更改 import { mutation } 语句，并直接导入定义模块的 store.js，并使用 store._mutations，
使用 store._mutations.IS_AUTHENTICATED0 ，似乎可以工作，（不知道为什么是一个数组？..）但是这个函数和状态，有效负载参数有问题，因为测试没有通过
我检查了传递的参数到 index.js 文件中的突变
和。我没有看到传递的 arg 值，似乎状态 args 是我的测试中唯一传递的值：
这段代码有什么问题？在这种情况下，如何使用 vuex 模块测试突变？
感谢您的反馈
javascript - 大型网站中的 Vuex 商店架构
目前用 Vue.js 搭建大型网站，卡在 Vuex store 的架构中。
文件夹结构现在看起来像这样
基本上我的代码模式是每个组件都有一个相应的模块存储，但似乎所有模块状态都需要作为一个大的 SINGLE 对象导入，这让我现在很困惑，因为这意味着即使在页面中也不需要 TimeStamp 组件， TimeStamp 状态仍然存在于范围内，假设我总共有数百个状态，但我只需要Header.js存储，所以其他所有状态实际上都没用。
因此，我的问题是：
是否可以为每个页面创建动态状态对象。例如，在 About 页面中，仅导入
Header.jsandPhoto.js，在 Index 页面中，仅导入Header.jsandTimeStamp.js，其结构如下所示。
javascript - 如何在 Vuex 商店模块状态中访问“this”
例如，假设我有一个这样的“商店”目录：
index.js
现在在商店中，我的道具user中有一些常量和其他状态变量。state我如何state从自身内部访问道具？例如user商店可能看起来像这样：
用户.js
我该如何user.state.constants.SOME_CONST参考user.state.someOtherStateProp.test1？
感觉好像我在这里遗漏了一些非常基本的东西。
vue.js - 实时获取通知组件中的 API - NuxtJS
我想我有一个愚蠢的问题，但我需要你的帮助。我正在创建一个通知组件，它总是通过 Axios Real Time（每次都重新加载）得到通知，但我很困惑。
我的通知组件：
模块通知：/store/notification.js：
这行 this.$store.dispatch('getNotification') 不起作用？我怎样才能以最好的方式做到这一点，或者你们有 Github 中的示例项目给我看。请帮我 ！！！
vue.js - vue.js - vuex：来自 mapActions 的错误未知动作类型
在我的组件中，我试图从模块执行 vuex 操作，但我收到错误，即使定义了此操作：
控制台日志
UPDATE插入了模板
这是我的 ListUsers.vue 中的完整模板
在每个表格行中，我都有一个垃圾桶图标，它会触发一个模式面板（ ref="delUserModal" ）以确认删除操作
列表用户.vue
vues/store.js
vuex/modules.users/actions
vue.js - Axios 在 Vuex 中获取 Header - NUXTJS
我在 Vuex - VueJS 中使用 Axios Get with Header 遇到问题，希望你们能帮助我。
页数：
Vuex 模块：
问题：未定义 Vuex 模块中的配置。
我认为我错了一些希望你的帮助。提前致谢！
javascript - #JSON 到 #Vuex 存储
我是 vue.js 提供的 Vuex 商店的新手。我想在下面的场景中使用它。
1.状态是指服务器提供的任何静态或动态数据。或者说存储在json中的数据？
模板。
目的
vue.js - 将json转换为vuex
我希望我的 html 填充 json 数据（json 文件），这些数据将以对象形式存储在 VUEX 存储中。
错误：无法读取未定义的属性“中间件”
过滤器工作：
1.index.js 文件包含存储实例，如您所知，它将在整个应用程序中共享。2.glyph.js 文件包含所有将由transformer.js 填充的空对象
3.loader.js 文件包含用于调用 tansformer.js 突变的钩子 4.transformer.js 很简单，它在存储中作为突变导出并且仅由加载器.js
.json 文件：
默认.vue：
代码：
索引.JS
字形.JS
GETTER.JS
加载器.JS
vue.js - 从 VUEX Store 的操作发送 UI 通知
我正在使用https://www.npmjs.com/package/vue-alertify在我的 API 请求在商店内部操作成功时发送通知：
我正在像这样从组件@click 方法分派我的操作
它在这一行失败了 this._vm.$alertify.success(message);
有错误
但是，如果我启用调试器并从控制台键入相同的命令 - 它可以工作并且我在浏览器上看到 $alertify 通知。