vueX3中没有createStore
时间: 2024-01-20 16:02:55 浏览: 108
vuex中的store
在 VueX 3 中,使用 `createStore` 函数来创建一个 store,而不是像 VueX 2 中那样使用 `new Vuex.Store()` 。`createStore` 函数接收一个对象作为参数,该对象包含以下属性:
- `state`:状态对象,与 Vue 组件中的 data 类似
- `mutations`:修改状态的函数,与 Vue 组件中的 methods 类似
- `actions`:异步操作函数,用于处理异步逻辑,通过提交 mutations 来修改状态
- `getters`:类似于 Vue 组件中的 computed 计算属性,用于从 store 中派生出一些状态
示例代码如下:
```javascript
import { createStore } from 'vuex'
const store = createStore({
state() {
return {
count: 0
}
},
mutations: {
increment(state) {
state.count++
}
},
actions: {
incrementAsync(context) {
setTimeout(() => {
context.commit('increment')
}, 1000)
}
},
getters: {
doubleCount(state) {
return state.count * 2
}
}
})
export default store
```
阅读全文