代码之家 › 专栏 › 技术社区 › dendog

如何在Vuex状态创建中使用函数

vuex vuejs2 vue.js javascript

dendog · 技术社区 · 6 年前

我试图使用一个getter来设置我的部分状态,我稍后会定义这个getter

export const store = new Vuex.Store({
  state : {
    a : 1,
    b : getters.multiply(a)
  },
  getters : {
    multiply : (state) => (param) => return param * 2
  },
})

这是不允许的,因为getter还没有准备好(我想)。

文档中确实说明Vuex state属性可以使用函数来创建数据,但我没有看到任何示例,完整状态是否需要通过函数调用或一些道具初始化。

感谢您的帮助。

1 回复 | 直到 6 年前

ittus 6 年前

正常地 getters 是获取状态数据的方法。这不应该是两种方式。在上述示例中,您可以执行以下操作:

const multiply = (params) => params * 2
const INIT_VALUE = 1

export const store = new Vuex.Store({
  state : {
    a : INIT_VALUE,
    b : multiply(INIT_VALUE)
  }
})

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前