vuex 有哪几种属性?

简介: vuex 有哪几种属性?

Vuex有以下几种属性:

  1. state:用于存储应用程序的状态数据。
state: {
  count: 0
}
  1. getters:用于从状态数据中派生出新的数据。
getters: {
  doubleCount: state => state.count * 2
}
  1. mutations:用于修改状态数据的方法。只能进行同步操作。
mutations: {
  increment(state) {
    state.count++
  }
}
  1. actions:用于处理异步操作或者包含多个 mutations 的复杂操作。
actions: {
  asyncIncrement(context) {
    setTimeout(() => {
      context.commit('increment')
    }, 1000)
  }
}
  1. modules:用于将 Vuex 分割成多个模块,每个模块都有自己的 state、getters、mutations 和 actions。
modules: {
  cart: {
    state: {
      items: []
    },
    mutations: {
      addToCart(state, item) {
        state.items.push(item)
      }
    },
    actions: {
      asyncAddToCart(context, item) {
        setTimeout(() => {
          context.commit('addToCart', item)
        }, 1000)
      }
    }
  }
}
相关文章
|
JavaScript 前端开发
Vue3-属性绑定
Vue3-属性绑定
118 0
|
6月前
|
缓存 JavaScript
Vue计算属性 computed
Vue计算属性 computed
|
JavaScript 前端开发
vue 创建自己内部vuex方法
vue 创建自己内部vuex方法
|
6月前
|
存储
vuex中的常用属性有哪些?
vuex中的常用属性有哪些?
27 0
|
缓存 JavaScript
vue计算属性 computed
vue计算属性 computed
|
6月前
|
JavaScript
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
197 3
|
11月前
|
JavaScript
【Vue】—props属性
【Vue】—props属性
|
12月前
Vue3.0实现todolist-通过计算属性获取vuex中定义的todolist的数据
Vue3.0实现todolist-通过计算属性获取vuex中定义的todolist的数据
42 1
|
11月前
Vuex->vuex获取值以及改变值,vuex异步请求
Vuex->vuex获取值以及改变值,vuex异步请求
49 0
|
存储 JavaScript 容器
vuex中的常用属性
vuex中的常用属性
47 0