export default new Vuex.Store用vue3怎么写
时间: 2024-06-09 08:11:11 浏览: 129
在 Vue 3 中,创建一个 Vuex Store 的方式与 Vue 2 有所不同。可以按照以下步骤进行:
1. 安装 Vuex 4:在项目根目录下运行以下命令:
```
npm install vuex@next --save
```
2. 创建一个 `store` 目录,并在其中创建一个 `index.js` 文件。
3. 在 `index.js` 中导入 `createStore` 方法和需要使用的模块:
```js
import { createStore } from 'vuex';
import moduleA from './modules/moduleA';
import moduleB from './modules/moduleB';
```
4. 创建一个 Vuex Store 实例:
```js
const store = createStore({
modules: {
moduleA,
moduleB,
},
});
```
5. 导出 `store` 实例:
```js
export default store;
```
完整的 `index.js` 代码如下:
```js
import { createStore } from 'vuex';
import moduleA from './modules/moduleA';
import moduleB from './modules/moduleB';
const store = createStore({
modules: {
moduleA,
moduleB,
},
});
export default store;
```
在 Vue 3 的组件中使用 Vuex 也有所不同,可以参考官方文档的示例:https://vuex.vuejs.org/zh/guide/state.html#%E5%9C%A8%E6%A8%A1%E5%9D%97%E4%B8%AD%E4%BD%BF%E7%94%A8%E5%B7%A5%E5%85%B7%E5%87%BD%E6%95%B0
阅读全文