nodejs-- vuex中mapActions
生活随笔
收集整理的這篇文章主要介紹了
nodejs-- vuex中mapActions
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
mapActions() 返回的是一個(gè)對象, 用了 ... 擴(kuò)展符后,才可以放進(jìn)一個(gè)對象里,和其他組件內(nèi)定義的 method 在同一個(gè) methods 對象。
?
?
{
methods: mapActions() // 如果沒有其它組件內(nèi)的定義的方法,可以這樣寫
}
{
methods: {
...mapActions(),// 如果有其他定義的方法
otherMethod1 () {},
otherMethod2 () {}
}
?
?
?
}
假設(shè)mapActions(),返回的是
{a() {},b() {} }那 ...mapActions(),只不過是把a(bǔ),b都拿出來跟其他方法放在一起了而已。
...代表兩種意思,一種是剩余操作符,一種是擴(kuò)展運(yùn)算符,你題目里用的那個(gè)應(yīng)該是剩余操作的意思,而...mapActions才是擴(kuò)展運(yùn)算符。
?
?
其中參數(shù)的使用方法原理為::
?
?
methods: {'some/nested/module/foo': (val) {return this.$store.dispatch('some/nested/module/foo', val)) } }但這個(gè)Mutations這么長, 一般不會這樣去轉(zhuǎn)換,會加個(gè)別名
methods: {...mapActions({foo: 'some/nested/module/foo',bar: 'some/nested/module/bar'}) }//相當(dāng)于下面的寫法methods: {foo(val){return this.$store.dispatch('some/nested/module/foo', val)) } //bar 省略.... }) }轉(zhuǎn)載于:https://www.cnblogs.com/cxiang/p/10528329.html
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的nodejs-- vuex中mapActions的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: k8s部署jar包_使用Kubernet
- 下一篇: quartz 每月一次_Quartz C