解决 export ‘createStore‘ was not found in ‘vuex‘ 报错

试了很多方法

  • 有让更改 vuex 版本的
  • 有让更改 vue-cli 版本的

试过之后都发现无法根本上解决问题。

最后找到了此方法,各位可以试一下!!!

在使用 vuex 的代码页中进行修改:

使用

const store = new Vuex.Store({

替换掉

const store = createStore({

当然前面需要引入

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

即可解决问题
在这里插入图片描述
有帮助关注噢!!
首页会更新各种学习资料

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
`createStore` 是 Vue.js 3 中 Vuex 状态管理库中用于创建 store 实例的函数。它接收一个对象作为参数,这个对象包含了以下属性: - `state`: 状态对象,用于存储应用程序的状态数据。 - `mutations`: 变更函数,用于修改 `state` 中的数据。必须是同步函数。 - `actions`: 异步操作函数,可以包含任意异步操作,最终通过 commit 调用 mutations 更改状态。 - `getters`: getter 函数,用于从 state 中派生出一些状态,可以像访问 state 一样访问它们。 `createStore` 函数返回一个 store 实例,通过访问这个实例的属性和方法,我们可以访问和修改应用程序中的状态数据。 下面是一个示例: ```js import { createStore } from 'vuex' const store = createStore({ state: { count: 0 }, mutations: { increment(state) { state.count++ } }, actions: { asyncIncrement(context) { setTimeout(() => { context.commit('increment') }, 1000) } }, getters: { doubleCount(state) { return state.count * 2 } } }) export default store ``` 在上面的示例中,我们创建了一个名为 `store` 的 Vuex store 实例,包含了一个 `count` 状态属性、一个 `increment` 同步变更函数、一个 `asyncIncrement` 异步操作函数和一个 `doubleCount` getter 函数。我们可以在组件中通过 `store.state.count` 访问状态数据,通过 `store.commit('increment')` 调用 `increment` 变更函数修改状态,通过 `store.dispatch('asyncIncrement')` 调用 `asyncIncrement` 异步操作函数,最终通过 `store.getters.doubleCount` 访问 `doubleCount` getter 函数派生出的状态数据。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值