Vuex下载导入(vue3.0)

步骤概览

第一步：npm i vuex -S 或者 yarn add vuex -S （通常只是在开发阶段使用）

第二步： 创建store/index.js import { createStore } from 'vuex'

第三步：const store = createStore({ ...配置项 })

第四步：导出 export default store

第五步：导入main.js 并挂载 app容器

1.下载 vuex

终端命令yarn add vuex -S 或者 npm i vuex -S

2.src目录下创建文件：store/index.js

// 1.创建store/index.js  并导入 createStore 方法
import { createStore } from 'vuex'

// 2.创建 store 仓库并导出
//   简写：export default createStore({ ...配置项 }) 
const store = createStore({
    // 配置（state|mutations|actions|getters|modules）
})
export default store

3.main.js注入 store 实例

// 1.导入 store 实例
import store from './store'
// 2.创建一个 vue 应用,使用store,使用路由,挂载到 app 容器
createApp(App).use(store).use(router).mount('#app')