vue2中如何使用vuex（步骤）

一只桃子~

已于 2022-08-28 19:35:53 修改

阅读量3.8k

点赞数 1

文章标签： vue.js 前端 javascript

于 2022-07-21 16:59:10 首次发布

本文链接：https://blog.csdn.net/qq_43405603/article/details/125916265

版权

本文详细介绍了如何在Vue 2项目中安装并使用Vuex，从创建store文件、配置state、mutations、actions和modules，到在根组件中注册store。重点在于实战步骤和store结构的应用。

摘要由CSDN通过智能技术生成

1、安装 vuex

vue2 npm i vuex@3

2、新建store文件夹，里边放置index.js,引入,使用，配置，注册，导出

import Vue from "vue"
import Vuex from "vuex" //引入vuex
Vue.use(Vuex) //使用vuex

export default new Vuex.Store({
    state:{
        num:"我是store中的数据",//实现参数传递的
    },
    mutations:{

    },
    actions:{

    },
    modules:{

    }
})

3、在main根上引入以上文件夹，并注册

    import Vue from "vue";
    import App from "./App";
    import store from "./store/index.js" //引入你新建的store文件
    Vue.config.productionTip=false;
    new Vue({
         el:"#app",
         store, //在根上注册store
         render:h=>h(App)
})