export default store
时间: 2023-07-05 07:29:49 浏览: 89
`export default store` 常见于使用 Vuex 的项目中,它的作用是将 Vuex 的 store 对象导出,以便在其他组件中使用。
在 Vuex 中,`store` 对象是一个集中式的状态存储仓库。它包含了你的应用中大部分的状态,并且提供了一些方法来操作这些状态,例如 `state`、`getters`、`mutations` 和 `actions` 等。
下面是一个简单的示例,展示了如何在 Vue3 中使用 Vuex:
```typescript
import { createStore } from 'vuex'
const store = createStore({
state() {
return {
count: 0
}
},
mutations: {
increment(state) {
state.count++
}
},
actions: {
incrementAsync({ commit }) {
setTimeout(() => {
commit('increment')
}, 1000)
}
},
getters: {
doubleCount: state => state.count * 2
}
})
export default store
```
在上面的代码中,我们首先使用 `createStore` 函数创建了一个 Vuex store 对象,然后定义了一些状态、mutations、actions 和 getters,并将其作为参数传入 `createStore` 函数中。最后,我们使用 `export default store` 将 `store` 对象导出,以便在其他组件中使用。
阅读全文