vuex 状态管理库

npm install --save vuex

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

// 引入小仓库
import home from './home'
import search from './search'

// 对外暴露store
export default new Vuex.Store({
    // 实现vuex仓库模块式开发存储数据
    modules : {
        home,
        search
    }
})


/home/index.js

import { reqCategoryList } from "@/api/index"

// 首页vuex 模块
const state = {
    categoryList: [],
}
const mutations = {
    CATEGORYLIST(state, data) {
        state.categoryList = data;
    }
}
const actions = {
    async categoryList({ commit }) {
        let result = await reqCategoryList();
        // console.log(result)
        if (result.code == 200) {
            commit('CATEGORYLIST', result.data)
        }

    }
}
const getters = {}

export default {
    state,
    mutations,
    actions,
    getters
}

免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情