关于mapState和mapMutations和mapGetters 和mapActions辅助函数的用法及作用(一)-----mapState

一、通过mapState函数的对象参数来赋值:

<p>{{ count }}</p> <p>{{ count1 }}</p> <p>{{ count2 }}<p>
//导入 import { mapState } from 'vuex' export default { data() { return { msg: 'vuex理解要点', id: 1 } }, store, //方法二:通过mapState对象来赋值 computed: mapState({ //使用箭头函数 count: state => state.count, //传入字符串 ‘count’ 等同于 `state => state.count` count1: 'count', // 为了能够使用 `this` 获取局部状态,必须使用常规函数 count2(state) { return state.count + this.id } }) }
三、通过mapState函数的数组参数来赋值 当映射的计算属性的名称与 state 的子节点名称相同时,我们也可以给 mapState 传一个字符串数组。 // 映射 this.count 为 store.state.count computed:mapState(['count'])

 


__EOF__

本文作者蓝色帅-橙子哥
本文链接https://www.cnblogs.com/lhl66/p/8261690.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   鱼樱前端  阅读(5521)  评论(1编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
 
拂雪 - 不才
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.
  1. 1 往后余生 王贰浪
  2. 2 拂雪 不才
  3. 3 我的一个道姑朋友 洛尘鞅
  4. 4 大田后生仔 王雨萌
点击右上角即可分享
微信分享提示