vue3使用vuex_vue3 使用dispatch_陈不知代码的博客-CSDN博客

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)

原网址: 访问
创建于: 2023-08-07 17:24:51
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论