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 保持不变。

 

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 代理ip免费网址_代理ip地址

    代理ip免费网址_代理ip地址西刺代理http://www.xicidaili.com快代理https://www.kuaidaili.com云代理http://www.ip3366.net无忧代理http://www.data5u.com/360代理http://www.swei360.com66ip代理http://www.66ip.cnip海代理http://www.iphai.com大…

    2025年7月2日
    5
  • 大佬讲MBT[通俗易懂]

    大佬讲MBT[通俗易懂]大佬讲MBT网址:https://www.youtube.com/watch?v=TnuiEGS6iyc获取模型:1.手工创建(Manualcreation)2.基于事件接口(Eventbasedinference)ApplyregularlanguagelearningalgorithmstotracesMinimizeover/underapproximat…

    2025年8月10日
    6
  • [运算放大器系列]二、电压转4 – 20MA电流电路分析

    [运算放大器系列]二、电压转4 – 20MA电流电路分析[运算放大器系列]]二、电压转4-20MA电流电路分析偶然在网上看到一个4-20MA转换电路原理图如下:2.原理分析偶然在网上看到一个4-20MA转换电路原理图如下:2.原理分析RLR_LRL​为负载,分析电流流向如上图箭头所示可以得到假设Rloop上的压降为VlV_lVl​则:①Vi−V+R1=V+−(Vo−Vl)R2\frac{V_i-V_+}{R_1}=\frac{V_+-(V_o-V_l)}{R2}R1​Vi​−V+​​=R2V+​−(Vo​−Vl​)

    2022年5月29日
    35
  • networkmanager是什么服务_NetworkManager下载

    networkmanager是什么服务_NetworkManager下载NetworkManager在Linux系统下network与networkmanager之间冲突问题我们经常会停止networkmanager服务来解决此类问题:systemctlstopnetworkmanager。但在停止服务的时候这个端口很可能就被停止掉了,因为这个端口本来被networkmanager管理着,现在被停掉后他就会down掉。所以为了让networkmanager不影响端口,应该让networkmanager不去管理端口,如下命令是查看被networkmanager管理的端口

    2022年10月5日
    1
  • Ubuntu18.04 melodic 安装与下载ROS(超详细教程)

    Ubuntu18.04 melodic 安装与下载ROS(超详细教程)

    2020年11月8日
    219
  • 整人病毒vbs大全!

    整人病毒vbs大全!新建一个记事本把代码复制进去重名名为vbs格式的就可以了解除这个vbs脚本的办法就简单了只要关掉任务管理器里Wscript.exe这个进程就好了1、你打开好友的聊天对话框,然后记下在你QQ里好

    2022年7月3日
    22

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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