Vuex基础解析
程序员文章站
2023-03-31 13:26:43
vuex基础
安装
npm n install vuex --save
新建仓库
新建vuex文件夹 新建store.js文件 写入内容
import vue from 'vue...
vuex基础
安装
npm n install vuex --save
新建仓库
新建vuex文件夹 新建store.js文件 写入内容import vue from 'vue'; import vuex from 'vuex'; vue.use(vuex); export default new vuex.store({ const state={ count:1 }, const mutations={ add(state,n){ state.count+=n; }, }, const getters = { count:function(state){ return state.count +=100; } }, const actions ={ addaction(context){ context.commit('add',10) }, reduceaction({commit}){ commit('reduce') } } })
获取
import store from '@/vuex/store' import { mapstate,mapmutations,mapgetters } from 'vuex'; export default { store ...mapgetters(["count"]) }
修改
methods:{ ...mapmutations([ 'add','reduce' ]), ...mapactions(['addaction','reduceaction']) },