vuex在自己工作上的

今天第一次大神教我玩vuex,感覺(jué)很多東西都不是特別理解的,需求是點(diǎn)擊一個(gè)按鈕,需要把對(duì)應(yīng)的字段傳過(guò)去。


首先是這幾個(gè)文件,是必不可少的,也要在main這個(gè)文件夾中引入store這個(gè)文件夾


1. 在接著就是這個(gè)state的文件了,因?yàn)関uex是全局的,所以這個(gè)是定義一些名稱,定義一些自己要用到的東西。可以理解為靜態(tài)的東西


2.接著就是getters這個(gè)文件,是引出定義,像這個(gè)箭頭函數(shù)上的state.ID這個(gè)東西就返回給state在賦值給ID。所以ID就是state.ID


3.這個(gè)文件是我比較疑惑的部分,上面的大寫(xiě)只是為了區(qū)分而已并沒(méi)有什么特殊的意義。這里的部分不是很清楚如何說(shuō),等往后了解了再補(bǔ)回


4.這個(gè)文件就是到處剛剛上一個(gè)文件定義的東西


5.然后在準(zhǔn)備要傳值的文件中引入mapMutations


6.在寫(xiě)方法的鉤子函數(shù)中使用了擴(kuò)展符,里面【】寫(xiě)需要自己傳的東西也就是剛剛定義好的東西


7.在另外一個(gè)組件當(dāng)中引入,這次引入的是mapGetters


8.這個(gè)東西是寫(xiě)在computed里面的,剩下的和剛剛相似,也是箭頭函數(shù)包括起來(lái)


9.打印這玩意,就可以獲取得到在上一個(gè)組件傳過(guò)來(lái)的東西了

這也是我第一次做,做得很不好,理解不透徹。往后會(huì)更加努力的學(xué)的

?著作權(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,038評(píng)論 0 7
  • Vuex是什么? Vuex 是一個(gè)專為 Vue.js應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件...
    蕭玄辭閱讀 3,233評(píng)論 0 6
  • 姓名:岳沁 學(xué)號(hào):17101223458 轉(zhuǎn)載自:http://blog.csdn.net/h5_queensty...
    丘之心閱讀 2,215評(píng)論 0 1
  • vuex是一個(gè)狀態(tài)管理模式,通過(guò)用戶的actions觸發(fā)事件,然后通過(guò)mutations去更改數(shù)據(jù)(你也可以說(shuō)狀態(tài)...
    Ming_Hu閱讀 2,129評(píng)論 3 3
  • (一) 我曾一度沉迷網(wǎng)絡(luò)游戲,最早的沉迷歷史,大概可以追溯到小學(xué)六年級(jí),從最早版本的CS,到俠盜飛車,DNF,CF...
    了一辛閱讀 602評(píng)論 1 6

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