mapGetters 辅助函数「建议收藏」

mapGetters 辅助函数「建议收藏」1:mapGetters:辅助函数mapGetters:辅助函数mapGetters:辅助函数仅仅将store中的getter映射到局部计算属性:1:import{mapGetters}from’vuex’2:exportdefault{computer:{//使用对象展开运算符将getter混入computer对象中…mapGetters([‘getMachin…

大家好,又见面了,我是你们的朋友全栈君。

1: mapGetters: 辅助函数

      mapGetters:  辅助函数    mapGetters: 辅助函数仅仅将store 中的 getter 映射到局部计算属性:

1: import { mapGetters } from 'vuex'

2: export default {

   computer: {
     // 使用对象展开运算符 将 getter 混入 computer 对象中

     ...mapGetters ([
          'getMachineList'
      ])
   }
 }

2:  Mutation :  更改 Vuex 的store 中状态的唯一方法提交mutation。 

Vuex 中的 mutation 非常类似于事件:每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方,并且它会接受 state 作为第一个参数

3:   修改store 中数据:

const store = new Vuex.Store({
  state: {
    count: 1
  },
  mutations: {
    increment (state) {
      // 变更状态
      state.count++
    }
  }
})

4: 你不能直接调用一个 mutation handler。

       这个选项更像是事件注册:“当触发一个类型为 increment 的 mutation 时,调用此函数。

       ”要唤醒一个 mutation handler,你需要以相应的 type 调用 store.commit 方法:

store.commit('increment')

5: 提交负荷(payLoad)

   你可以向 store.commit 传入额外的参数,即 mutation 的 载荷(payload)  (Payload:  载荷参数)

// ...
mutations: {
  increment (state, n) {
    state.count += n
  }
}
store.commit('increment', 10)

7: 对象风格提交方式:

    提交 mutation 的另一种方式是直接使用包含 type 属性的对象:

store.commit({
  type: 'increment',
  amount: 10
})

8: 当使用对象风格提交方式的时候: 整个对象都作为载荷传给 mutation 函数; 因此 handle 保持不变。

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/134324.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 专业检索工具有哪些_生物教育专业

    专业检索工具有哪些_生物教育专业转载:http://www.jianshu.com/p/ae7c8513bb00我的一位朋友,用了10年的电脑。作为一名老网民,他的信息检索能力让我诧异。每次需要找点图片、网站、研究报告甚至小电影,他都需要花费很多时间,在各个论坛、网站里疲于奔波。因为他只会用百度!然而,世界上不仅仅只有一类搜索引擎。百度或者google虽然可以提供海量的信息,但是信息的甄选是一…

  • linux下查找某个文件

    linux下查找某个文件

  • oc和js交互_js调用api

    oc和js交互_js调用apiiOSJS与OC交互1、UIWebView与JS交互UIWebView在iOS12中已经被废弃,同时WKWebView在iOS8中已经出现。所以无特殊情况的话,我们一般应该也是用不到前者了!UIWebView初始化:self.webView=[[UIWebViewalloc]initWithFrame:self.view.bounds];self.webView.delegate=self;[self.viewaddSubview:self.

    2022年10月24日
  • golang IDEA激活码【最新永久激活】2022.02.09

    (golang IDEA激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~https://javaforall.cn/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~4KDD…

  • Ubuntu 18.04通过deb安装cuda 10.2

    Ubuntu 18.04通过deb安装cuda 10.2wgethttps://developer.download.nvidia.com/compute/cuda/repos/ubuntu1804/x86_64/cuda-ubuntu1804.pinsudomvcuda-ubuntu1804.pin/etc/apt/preferences.d/cuda-repository-pin-600wgethttps://developer.download.nvidia.com/compute/cuda/10.2/Prod/local_installer

  • PAT乙级1019

    PAT乙级10191019 数字黑洞(20 分)给定任一个各位数字不完全相同的4位正整数,如果我们先把4个数字按非递增排序,再按非递减排序,然后用第1个数字减第2个数字,将得到一个新的数字。一直重复这样做,我们很快会停在有“数字黑洞”之称的 6174,这个神奇的数字也叫Kaprekar常数。例如,我们从6767开始,将得到7766-6677=10899810-0189…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号