在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 怎么理解`我們可以使用 mapState 輔助函數(shù)幫助我們生成計(jì)算屬性,讓你少按

怎么理解`我們可以使用 mapState 輔助函數(shù)幫助我們生成計(jì)算屬性,讓你少按幾次鍵`這句話?

Vuex State 文檔中:

當(dāng)一個(gè)組件需要獲取多個(gè)狀態(tài)時(shí)候,將這些狀態(tài)都聲明為計(jì)算屬性會(huì)有些重復(fù)和冗余。為了解決這個(gè)問(wèn)題,我們可以使用 mapState 輔助函數(shù)幫助我們生成計(jì)算屬性,讓你少按幾次鍵。
// 在單獨(dú)構(gòu)建的版本中輔助函數(shù)為 Vuex.mapState
import { mapState } from 'vuex'

export default {
  // ...
  computed: mapState({
    // 箭頭函數(shù)可使代碼更簡(jiǎn)練
    count: state => state.count,

    // 傳字符串參數(shù) 'count' 等同于 `state => state.count`
    countAlias: 'count',

    // 為了能夠使用 `this` 獲取局部狀態(tài),必須使用常規(guī)函數(shù)
    countPlusLocalState (state) {
      return state.count + this.localCount
    }
  })
}

請(qǐng)問(wèn)下,我們可以使用 mapState 輔助函數(shù)幫助我們生成計(jì)算屬性,讓你少按幾次鍵。,我們可以理解前面的半句,但是怎么理解讓你少按幾次鍵這下半句呢?

回答
編輯回答
誮惜顏

mapSteta輔助函數(shù)幫助我們生成計(jì)算屬性,就是最后我們使用的計(jì)算屬性是生成的,減少了代碼量吧

2018年9月13日 03:06
編輯回答
女流氓

幫你生成計(jì)算屬性 -> 讓你少敲幾行代碼 -> 讓你少按幾次鍵。

收下這份幽默。

2017年10月20日 21:54
編輯回答
卟乖

我不太理解什麼是「生成計(jì)算屬性」....
是原本的計(jì)算屬性內(nèi)容 "只能?" 用傳統(tǒng)的 funciton 的寫(xiě)法嗎?

myCount: function(){...},
myCount2: function(){...}

然後 mapState 裡可以用箭頭函式嗎?


再多看了幾遍,是不是可以這樣解釋...

store 組件中,有一個(gè) state 屬性,
state 裡面的 "屬性" 保存了資料(就是狀態(tài))。
要獲得那些狀態(tài):最簡(jiǎn)單的方法就是在「計(jì)算屬性中返回」某個(gè)狀態(tài)。

"mapState 輔助函數(shù)"
就是若 state 中若有很多個(gè)屬性,
要將他們一個(gè)個(gè)聲明到組件中的計(jì)算屬性,有點(diǎn)重複冗余。
使用 mapState 輔助函數(shù),能幫助我們生成。
用他的寫(xiě)法,會(huì)將 state 的屬性,對(duì)應(yīng)變成計(jì)算屬性,返回變數(shù)的值。

2018年7月12日 15:53