Vuex中通過(guò)計(jì)算屬性訪問(wèn)getters中的計(jì)算屬性的一些坑

一、知識(shí)點(diǎn)回顧

1. Vuex中的getters屬性在組件中可以通過(guò)計(jì)算屬性進(jìn)行獲取
2. 在使用計(jì)算屬性的時(shí)候,函數(shù)名和data數(shù)據(jù)源中的數(shù)據(jù)不能同名

二、Vuex中的getters值得注意的地方

1.? Vuex在組件中computed中使用的時(shí)候,計(jì)算屬性不能和state的數(shù)據(jù)項(xiàng)同名(同名了也不會(huì)報(bào)錯(cuò),就是獲取不了數(shù)據(jù)了)
2. 有一點(diǎn)值得注意的是:當(dāng)我們?cè)诮M件的計(jì)算屬性中使用module里面的getters的時(shí)候,計(jì)算屬性不和state的數(shù)據(jù)項(xiàng)同名這條規(guī)則貌似不生效,具體原因還不知道,如果有知道的大佬幫忙指點(diǎn)一下
3. 默認(rèn)情況下,沒(méi)有設(shè)置命名空間的時(shí)候,模塊內(nèi)部的 action、mutation 和 getter 是(除了state)注冊(cè)在全局命名空間的(如果有重名就會(huì)報(bào)錯(cuò) [vuex] duplicate getter key: choosePay)——這樣使得多個(gè)模塊能夠?qū)ν?mutation 或 action 作出響應(yīng)。
4. 通過(guò)namespaced: true屬性設(shè)置設(shè)置命名空間

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 安裝 npm npm install vuex --save 在一個(gè)模塊化的打包系統(tǒng)中,您必須顯式地通過(guò)Vue.u...
    蕭玄辭閱讀 3,037評(píng)論 0 7
  • Vuex是什么? Vuex 是一個(gè)專為 Vue.js應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件...
    蕭玄辭閱讀 3,231評(píng)論 0 6
  • Vuex 是一個(gè)專為 Vue.js 應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài),并以相應(yīng)...
    白水螺絲閱讀 4,777評(píng)論 7 61
  • vuex 場(chǎng)景重現(xiàn):一個(gè)用戶在注冊(cè)頁(yè)面注冊(cè)了手機(jī)號(hào)碼,跳轉(zhuǎn)到登錄頁(yè)面也想拿到這個(gè)手機(jī)號(hào)碼,你可以通過(guò)vue的組件化...
    sunny519111閱讀 8,162評(píng)論 4 111
  • vuex是一個(gè)狀態(tài)管理模式,通過(guò)用戶的actions觸發(fā)事件,然后通過(guò)mutations去更改數(shù)據(jù)(你也可以說(shuō)狀態(tài)...
    Ming_Hu閱讀 2,125評(píng)論 3 3

友情鏈接更多精彩內(nèi)容