vuex相关内容

Vuex Action 与 Mutations

在Vuex中,同时拥有“actions"和“mutations"的逻辑是什么? 我理解组件无法修改状态的逻辑(这看起来很聪明),但是同时具有动作和突变似乎你正在编写一个函数来触发另一个函数,然后改变状态. “动作"和“突变"之间有什么区别,它们如何协同工作,此外,我很好奇为什么 Vuex 开发人员决定这样做? 解决方案 问题 1:为什么 Vuejs 开发人员决定这样做? ..
发布时间:2021-12-08 21:18:46 前端开发

如何从 vuex 中查看存储值?

我同时使用 vuex 和 vuejs 2. 我是 vuex 的新手,我想观察 store 变量的变化. 我想在我的vue组件 中添加watch功能 这是我目前所拥有的: 从'vue'导入Vue;进口 {MY_STATE,} 来自'./../../mutation-types';导出默认{[MY_STATE](状态,令牌){state.my_state = 令牌;},}; 我想知 ..
发布时间:2021-12-08 21:04:50 前端开发

页面刷新时的 Vuex 状态

我的应用使用 Firebase API 进行用户身份验证,将登录状态保存为 Vuex 状态中的布尔值. 当用户登录时,我会设置登录状态并相应地有条件地显示登录/注销按钮. 但是当页面刷新时,vue app的状态丢失并重置为默认 这会导致一个问题,即使当用户登录并刷新页面时,登录状态 也会设置回 false 并且显示登录按钮而不是即使用户保持登录状态,注销按钮.... 我该怎 ..
发布时间:2021-12-08 21:03:29 前端开发

从 Vuex 操作返回 Promise

我最近开始将东西从 jQ 迁移到更结构化的 VueJS 框架,我喜欢它! 从概念上讲,Vuex 对我来说是一种范式转变,但我相信我现在知道它的全部内容,并且完全理解它!但是存在一些小的灰色区域,主要是从实现的角度来看. 我觉得这个设计不错,但不知道是否与Vuex相矛盾循环单向数据流. 基本上,从动作返回一个承诺(类似)对象是否被认为是一种好习惯?我将这些视为异步包装器,具有失败状 ..
发布时间:2021-12-08 21:02:01 前端开发

Vue.js 2.0 中兄弟组件之间的通信

概述 在 Vue.js 2.x 中,model.sync将被弃用. 那么,Vue.js 2.x? 背景 据我了解 Vue.js 2.x,兄弟通信的首选方法是使用存储或事件总线. 根据 Evan(Vue.js 的创建者): 还值得一提的是“在组件之间传递数据";是通常是个坏主意,因为最终数据流变成不可追踪且很难调试. 如果一条数据需要被多个组件共享,优先选择 ..
发布时间:2021-12-08 21:01:04 前端开发

来自商店的数据中未定义数组中的Vue.js对象

对不起,如果这真的很明显,但我是 Vue 的新手,可以使用一些帮助. 我正在从我的商店中获取一组数据(帖子)并尝试控制台记录该数组中的一个对象,但每次都显示未定义.如果我控制台记录整个数组,它会返回正常. 我猜这与在创建的钩子中的 console.log 之前没有加载数据有关?我已经尽我所能,这让我发疯.任何帮助表示赞赏(下面的简化代码). 导出默认{成分: {},计算:{帖子(){ ..
发布时间:2021-11-18 03:14:55 前端开发

带有用 Typescript 编写的参数的 vuex getter

可以创建一个 vuex store getter,它接受一个参数参数,如下所示:https://vuex.vuejs.org/en/getters.html 我正在使用 Typescript(https://github.com/hmexx/vue_typescript_starter_kit)来编写我的代码,但我不知道如何编写带有参数参数的 getter.即,以下似乎不起作用: 导出函数 ..
发布时间:2021-11-17 05:48:36 其他开发

如何在 Vue.js 中构建 api 调用?

我目前正在开发一个新的 Vue.js 应用程序.它在很大程度上取决于对我的后端数据库的 api 调用. 对于很多事情,我使用 Vuex 存储,因为它管理我的组件之间的共享数据.在 github 上查看其他 Vue 项目时,我看到一个特殊的 vuex 目录,其中包含处理所有操作、状态等的文件.因此,当组件必须调用 API 时,它会包含 vuex 目录中的操作文件. 但是,例如,对于消息, ..
发布时间:2021-11-15 01:48:38 前端开发

使用 Vuex 和特定于组件的数据构建 Vue

我看到很多 Vue.js 项目使用这种结构: ├── main.js├── API│ └── index.js│ └── services #包含带有api调用的文件│ ├── global.js│ ├── 购物车.js│ └── 消息.js├── 组件│ ├── Home.vue│ ├── Cart.vue│ ├── Messages.vue│ └── ...└── 店铺├── store.j ..
发布时间:2021-11-15 00:23:46 前端开发

Vuex 如何在传输读取中将商店绑定到 KendoUi-Vue Grid

我正在尝试将 Kendo UI 上的数据与来自 Vuex getter 的数据绑定. 我尝试了以下但没有运气.请帮助我是否在 vuex 或 kendo 上遗漏了什么. 剑道扩展: 组件: 计算:{顾客() {返回 this.$store.getters.customers;}},数据() {返回 {剑道数据源:{架构:{数据:功能(响应){返回响应; ..
发布时间:2021-09-20 20:30:58 其他开发

如何保存“状态"使用 Vue.js + Vuex (createStore) 将变量添加到浏览器 localStorage

我正在尝试从 localStorage 加载(使用 mounted())并保存(使用 watch: {...} 方法).> 我试图保存到本地存储的两个变量是“类别"和“位置". 由于某种原因,我无法触发它.我从来没有用 vue.js/vuex 做过这个. 我发现的所有示例都使用“regular"中的 data: {} 对象.成分.在我的示例中,我试图加载并保存到状态变量.请帮忙.我已 ..
发布时间:2021-09-20 20:30:55 前端开发

Vue 如何从子组件获取值

这是我的用例: 我的主页有几个从用户收集不同输入的子组件,最后我想提交整个页面并收集所有输入.因此我想从子组件中检索数据 一种选择是使用store,但是我的子组件超级简单,只是一些表格,store似乎太重了...另一种选择是我可以修改prop,虽然我知道这是不好的做法,但这种方法看起来很完美...... 如果我的逻辑很简单,可以修改prop吗?(只收集用户的输入)或者我必须去Vu ..
发布时间:2021-09-20 20:30:49 前端开发

Vuex-ORM 的双向数据绑定

有谁知道在使用 Vuex ORM? 我找到了几个库来帮助 Vuex 解决这个问题,但还没有专门针对 Vuex-ORM 的: vuex-map-fields vuex-pathify 解决方案 我不认为有任何预定义的插件可以做到这一点,但是您应该能够在计算时使用 setter 和 getter 对典型的 Vuex 状态执行相同的操作财产...? 从'@/models/User ..
发布时间:2021-09-20 20:30:40 前端开发