1.在组件中引入
import { useStore } from 'vuex'
2.定义store(在setup中)
const store = useStore()
3.使用state值
$store.state.定义值
4.使用getters
$store.getters.定义值
5.触发mutations
store.commit('方法名', '传入参数,如果没有,可忽略')
6.触发actions
store.dispatch('
方法名', '传入参数,如果没有,可忽略')
7.使用modules
1,// 导出
export default {
namespaced: true, // 为每个模块添加一个前缀名,保证模块命明不冲突
state: () => {},
mutations: {},
actions: {}
}2,//引入
import { createStore } from 'vuex'
import user from './modules/user.js'
import user from './modules/pay.js'
import user from './modules/cat.js'
export default createStore({
modules: {
user,
pay,
cat
}
})3,//获取,带上modules名字就可以了
$store.state.user.count
4,//更改state值
store.commit('user/sum', num) // 参数带上模块名称
store.dispatch('user/sum_actions', sum)