vuex在项目中的使用

2021-06-16  本文已影响0人  懒懒猫

一、 安装 : npm i vuex -S

二、在src中创建store文件夹,并创建index.js

            import Vue from 'vue'
            import Vuex from 'vuex'
            Vue.use(Vuex)

            const store = new Vuex.Store({
                state: {
                },
                actions:{
                },
                mutations: {
                },
                getters: {
                }
            })
            export default store

三、 在main.js中引入并注册

        import store from './store'

        new Vue({
            render: h => h(App),
            router,
            store
        }).$mount('#app')

四、在任意组件中通过this.store访问store数据 ,通过this.store.commit()或this.$store.dispatch()来修改store数据

上一篇 下一篇

猜你喜欢

热点阅读