【Vue】Vuex模块化的使用小结

1.直接使用

  1. state --> $store.state.模块名.数据项名
  2. getters --> $store.getters'**模块名**/属性名'
  3. mutations --> $store.commit('模块名/方法名', 其他参数)
  4. actions --> $store.dispatch('模块名/方法名', 其他参数)

2.借助辅助方法使用

1.import { mapXxxx, mapXxx } from 'vuex'

computed、methods: {

​ // ...mapState、...mapGetters放computed中;

​ // ...mapMutations、...mapActions放methods中;

​ ...mapXxxx('模块名', '数据项\|方法'),

​ ...mapXxxx('模块名', { 新的名字: 原来的名字 }),

}

2.组件中直接使用 属性 {``{ age }} 或 方法 @click="updateAge(2)"

相关推荐
铁链鞭策大师12 小时前
javaEE之多线程(2)
java·前端·java-ee
KaMeidebaby12 小时前
卡梅德生物技术快报|生信实操:ChIP 染色质免疫共沉淀技术流程、短板与替代方案详解
前端·人工智能·物联网·百度·新浪微博
weixin1997010801612 小时前
[特殊字符] 【性能提升300%】仿1688首页的Webpack优化全记录(附构建分析Python脚本)
前端·python·webpack
海兰12 小时前
【文字三国志:第五篇】天命重构,游戏前端UI设计
前端·人工智能·游戏·语言模型
时寒的笔记12 小时前
LF11期_day19~20 补环境(二)入门案例
javascript
海鸥-w12 小时前
前端学习python第二天手敲笔记整理
前端·python·学习
爱吃提升13 小时前
Figma 组件库搭建清单(含命名规范+常用组件模板)
前端·javascript·figma
广州华水科技13 小时前
单北斗GNSS形变监测一体机在地质灾害监测中的应用与优势
前端
古韵13 小时前
从 Axios 到 alova:一个页面从 80 行到 5 行的故事
前端·后端
右耳朵猫AI13 小时前
JavaScript技术周刊 2026年第20周
开发语言·javascript·ecmascript