当前位置: 首页 > news >正文

Vue中vuex状态管理mutations用法

<div>{{num}}</div>

<button @click="add">++</button>

 

<script>
import { mapState, mapMutations } from "vuex";
export default {
name: 'HomeIndex',
components:{
SaleCard
},
computed:{
...mapState(['num']),
},
methods:{
add(){
this.$store.commit('madd')
}

 ...mapMutations(["madd"]),

}
}
</script>

const store = new Vuex.Store({

  state:{
     num:22
  },
  mutations:{

    madd(state){
      state.num++
    }

  },

  actions:{

  }

})
http://www.gsyq.cn/news/163630.html

相关文章:

  • 2025年成都川菜推荐排名:5家必吃江湖菜馆全解析,本地人私藏的美味清单 - 工业品网
  • Open-AutoGLM插件安装失败怎么办?,资深专家总结的6种解决方案
  • 2025年电动风阀厂家实力推荐榜:湖南联泰环境设备有限公司,电动/手动/风管风阀源头工厂全系供应 - 品牌推荐官
  • TensorFlow工业级应用案例全揭秘
  • 2025吊绳厂商揭秘!电话直通,采购更便捷,吊具/压制钢丝绳/柔性吊装带/防割吊带,吊绳供应商口碑排行榜单 - 品牌推荐师
  • 【CSDN博客之星2025】主题创作《35岁的职业和人生成长转变》
  • 【Open-AutoGLM高效使用前提】:你不可不知的插件安装避坑指南
  • 学培课堂靠谱吗?从课程质量到口碑的真实体验分享 - 品牌排行榜
  • 客户端测试是什么?客户端测试详解
  • 基于单片机锂电池电量电量检测数码管显示系统设计
  • 手机自动化新纪元,Open-AutoGLM到底有多强?
  • 揭秘Open-AutoGLM如何远程控制手机:9大核心技术曝光与实操步骤
  • 2025年国内靠谱的MES系统口碑排行榜最新发布,多家实力企业凭技术实力上榜 - 品牌排行榜
  • 2025上海税务异常处理权威平台TOP5推荐:专业机构助力企业规避财税风险 - mypinpai
  • 微服务事务一致性终极指南:从理论到实战的深度解析
  • 2025年实力强的硅砂雨水收集系统企业推荐,售后完善的硅砂雨水收集系统企业全解析 - myqiye
  • 2025必学:5分钟极速部署Vue3+TypeScript全端电商项目实战
  • Open-AutoGLM 部署避坑指南:90%新手都会犯的4个致命错误
  • GitHub for Visual Studio 扩展完整使用指南
  • GPU性能分析终极指南:NSYS、NCU和PyTorch Profiler实战教程
  • 【2025年末总结】橡塑管道保温施工企业有哪几家? - 品牌推荐大师
  • 2025最新!自考必看8款AI论文软件测评与推荐
  • Open-AutoGLM怎么部署才安全?企业级部署必须掌握的4项核心配置
  • 海洋塑料污染识别:TensorFlow无人机图像处理
  • 【Open-AutoGLM插件安装全指南】:手把手教你5步完成浏览器部署
  • 从零到上线:Open-AutoGLM平台完整开发流程拆解,新手也能3天落地
  • 为什么说TensorFlow仍是企业AI的不二之选?
  • 融资顾问哪家权威?北京融资顾问服务排名,精选融资顾问服务推荐 - 工业品牌热点
  • 【稀缺资源】Open-AutoGLM在线调用内测权限获取指南:仅限前500名开发者
  • EDU学校漏洞挖掘思路整理,零基础入门到精通,收藏这一篇就够了