vuex相关内容
我有一个带有一些表单验证的组件.这是一个多步骤结帐表格.下面的代码是第一步.我想验证用户是否输入了一些文本,将他们的姓名存储在全局状态中,然后发送到下一步.我正在使用 vee-validate 和 vuex
Name
..
在Vuex中,同时拥有“actions"和“mutations"的逻辑是什么? 我理解组件无法修改状态的逻辑(这看起来很聪明),但是同时具有动作和突变似乎你正在编写一个函数来触发另一个函数,然后改变状态. “动作"和“突变"之间有什么区别,它们如何协同工作,此外,我很好奇为什么 Vuex 开发人员决定这样做? 解决方案 问题 1:为什么 Vuejs 开发人员决定这样做?
..
我的 MainNavBar 组件是这样的: ...
..
我有以下 Vuex 商店(main.js): 从 'vue' 导入 Vue从 'vuex' 导入 VuexVue.use(Vuex)//初始化存储const store = new Vuex.Store({状态: {全局错误:'',用户:{认证:假}},突变:{setGlobalError(状态,错误){state.globalError = 错误}}})//初始化应用const app = n
..
我同时使用 vuex 和 vuejs 2. 我是 vuex 的新手,我想观察 store 变量的变化. 我想在我的vue组件 中添加watch功能 这是我目前所拥有的: 从'vue'导入Vue;进口 {MY_STATE,} 来自'./../../mutation-types';导出默认{[MY_STATE](状态,令牌){state.my_state = 令牌;},}; 我想知
..
我的应用使用 Firebase API 进行用户身份验证,将登录状态保存为 Vuex 状态中的布尔值. 当用户登录时,我会设置登录状态并相应地有条件地显示登录/注销按钮. 但是当页面刷新时,vue app的状态丢失并重置为默认 这会导致一个问题,即使当用户登录并刷新页面时,登录状态 也会设置回 false 并且显示登录按钮而不是即使用户保持登录状态,注销按钮.... 我该怎
..
我最近开始将东西从 jQ 迁移到更结构化的 VueJS 框架,我喜欢它! 从概念上讲,Vuex 对我来说是一种范式转变,但我相信我现在知道它的全部内容,并且完全理解它!但是存在一些小的灰色区域,主要是从实现的角度来看. 我觉得这个设计不错,但不知道是否与Vuex相矛盾循环单向数据流. 基本上,从动作返回一个承诺(类似)对象是否被认为是一种好习惯?我将这些视为异步包装器,具有失败状
..
概述 在 Vue.js 2.x 中,model.sync将被弃用. 那么,Vue.js 2.x? 背景 据我了解 Vue.js 2.x,兄弟通信的首选方法是使用存储或事件总线. 根据 Evan(Vue.js 的创建者): 还值得一提的是“在组件之间传递数据";是通常是个坏主意,因为最终数据流变成不可追踪且很难调试. 如果一条数据需要被多个组件共享,优先选择
..
对不起,如果这真的很明显,但我是 Vue 的新手,可以使用一些帮助. 我正在从我的商店中获取一组数据(帖子)并尝试控制台记录该数组中的一个对象,但每次都显示未定义.如果我控制台记录整个数组,它会返回正常. 我猜这与在创建的钩子中的 console.log 之前没有加载数据有关?我已经尽我所能,这让我发疯.任何帮助表示赞赏(下面的简化代码). 导出默认{成分: {},计算:{帖子(){
..
可以创建一个 vuex store getter,它接受一个参数参数,如下所示:https://vuex.vuejs.org/en/getters.html 我正在使用 Typescript(https://github.com/hmexx/vue_typescript_starter_kit)来编写我的代码,但我不知道如何编写带有参数参数的 getter.即,以下似乎不起作用: 导出函数
..
我想在 vuex 存储中存储来自登录操作的用户.但是无法访问this.$apollo. export const actions = {UPSERT_USER({ commit }, { authUser, claim }) {这个.$apollo.mutate({突变:UPSERT_USER_MUTATION,变量:{id:user.uid,电子邮件:user.email,名称:用户名,图片:
..
我目前正在开发一个新的 Vue.js 应用程序.它在很大程度上取决于对我的后端数据库的 api 调用. 对于很多事情,我使用 Vuex 存储,因为它管理我的组件之间的共享数据.在 github 上查看其他 Vue 项目时,我看到一个特殊的 vuex 目录,其中包含处理所有操作、状态等的文件.因此,当组件必须调用 API 时,它会包含 vuex 目录中的操作文件. 但是,例如,对于消息,
..
我看到很多 Vue.js 项目使用这种结构: ├── main.js├── API│ └── index.js│ └── services #包含带有api调用的文件│ ├── global.js│ ├── 购物车.js│ └── 消息.js├── 组件│ ├── Home.vue│ ├── Cart.vue│ ├── Messages.vue│ └── ...└── 店铺├── store.j
..
我正在尝试将 Kendo UI 上的数据与来自 Vuex getter 的数据绑定. 我尝试了以下但没有运气.请帮助我是否在 vuex 或 kendo 上遗漏了什么. 剑道扩展: 组件: 计算:{顾客() {返回 this.$store.getters.customers;}},数据() {返回 {剑道数据源:{架构:{数据:功能(响应){返回响应;
..
我正在尝试从 localStorage 加载(使用 mounted())并保存(使用 watch: {...} 方法).> 我试图保存到本地存储的两个变量是“类别"和“位置". 由于某种原因,我无法触发它.我从来没有用 vue.js/vuex 做过这个. 我发现的所有示例都使用“regular"中的 data: {} 对象.成分.在我的示例中,我试图加载并保存到状态变量.请帮忙.我已
..
我在 vue 文件中使用了 vuex 存储 //a.vue//使用 mapGetter从“vuex"导入 { mapGetters };导出默认{计算:{...mapGetters({appSize:“视图/应用程序大小";})}}//appSize在别处访问,没有actions操作 效果很好 ================ 但是当我扩展此组件并为其设置一个新的动态名称时: /
..
这是我的用例: 我的主页有几个从用户收集不同输入的子组件,最后我想提交整个页面并收集所有输入.因此我想从子组件中检索数据 一种选择是使用store,但是我的子组件超级简单,只是一些表格,store似乎太重了...另一种选择是我可以修改prop,虽然我知道这是不好的做法,但这种方法看起来很完美...... 如果我的逻辑很简单,可以修改prop吗?(只收集用户的输入)或者我必须去Vu
..
我正在向 Vue + Vuex 介绍自己,但我很难弄清楚在哪里初始化具有异步初始化方法的 API. 我显然不能在这样的异步函数之外await: import { RequestSystemProxy } from "../../assets/scripts/RequestSystemProxy"const system = new RequestSystemProxy();const ha
..
有谁知道在使用 Vuex ORM? 我找到了几个库来帮助 Vuex 解决这个问题,但还没有专门针对 Vuex-ORM 的: vuex-map-fields vuex-pathify 解决方案 我不认为有任何预定义的插件可以做到这一点,但是您应该能够在计算时使用 setter 和 getter 对典型的 Vuex 状态执行相同的操作财产...? 从'@/models/User
..
使用VUE 2.0 和VUEX 我对如何将数据从parent 传递给child 有点困惑.
..