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)
      }
    }
  }
}
相关文章
|
7月前
第7节:Vue3 动态绑定多个属性
第7节:Vue3 动态绑定多个属性
307 0
|
4月前
|
JavaScript 前端开发
vue获取元素属性
vue获取元素属性
48 3
|
7月前
|
存储 JavaScript API
vuex是什么,使用场景有哪些?有哪些属性
vuex是什么,使用场景有哪些?有哪些属性
58 3
|
JavaScript
Vue 父组件向子组件传参 props 属性
Vue 父组件向子组件传参 props 属性
106 0
|
7月前
|
存储
vuex中的常用属性有哪些?
vuex中的常用属性有哪些?
31 0
Vue-动态绑定属性
Vue-动态绑定属性
56 0
|
7月前
|
JavaScript
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
Vue状态管理:什么是getters?Vuex中的getters有什么作用?
257 3
Vue3.0实现todolist-通过计算属性获取vuex中定义的todolist的数据
Vue3.0实现todolist-通过计算属性获取vuex中定义的todolist的数据
46 1
Vuex->vuex获取值以及改变值,vuex异步请求
Vuex->vuex获取值以及改变值,vuex异步请求
58 0
|
存储 JavaScript 容器
vuex中的常用属性
vuex中的常用属性
51 0

热门文章

最新文章