锛氿煃夋槦鏈熷ぉ馃崏鍓嶈█涓婄瘒鏂囩珷璇翠簡涓轰粈涔坴ue涓湁鍏ㄥ眬浜嬩欢鎬荤嚎涔熶粙缁嶄簡vuex鐨勯棶棰樸€傛湰鏂囬噸鐐逛粙缁峍uex鐨勭ず鎰忓浘銆傚彧鏈変簡瑙ｄ簡鍘熺悊鍥撅紝鎵嶈兘鐞嗚В濡備綍缂栧啓Vuex浠ｇ爜銆?.鍘熺悊鍥炬潵鑷猇uex瀹樼綉銆備粠鍥句腑鎴戜滑鍙互鐪嬪嚭vuex涓竴鍏辨湁涓変釜瀵硅薄锛欰ctions銆丮utations鍜孲tate銆傛垜浠厛鏉ヤ簡瑙ｄ竴涓婣ctions鐨勫瓧闈㈡剰鎬濓細缈昏瘧杩囨潵灏辨槸鍔ㄤ綔銆佽涓虹殑鎰忔€濄€侻utations锛氱炕璇戣繃鍘绘湁鍙樺寲銆佽浆鍙樼殑鎰忔€濄€係tate锛氱炕璇戣繃鏉ュ氨鏄痵tate鐨勬剰鎬濓紝杩欓噷鐨剆tate鍏跺疄灏辨槸data鐨勬剰鎬濄€傚彟澶栵紝杩欎笁涓兘鏄疧bject瀵硅薄{}銆備笅闈㈠氨浠ヤ竴涓嚜宸卞姞鐨勬渚嬫潵杩囦竴閬嶈繖涓ず鎰忓浘鐨勬祦绋嬶紝璁╁ぇ瀹舵洿蹇殑鐞嗚В銆傛垜鏈夌偣鎳掞紝涓嶆兂閲嶇敾杩欏紶鍥撅紝鎵€浠ュ氨鍦ㄥ師鍥句笂鎿嶄綔锛堟墜鍔ㄧ嫍澶翠繚鍛金煒侊級瀹屾暣鐨勮繃绋嬪ぇ鑷村氨鏄繖鍏釜姝ラ銆傝嚦浜庡悗绔疉PI鍜孌evtools杩樻病璇村埌锛屽悗闈㈠啀璇淬€傛兂鎯冲ぇ瀹舵槸涓嶆槸瑙夊緱Actions鐨勪綅缃緢鍒壄锛屽洜涓哄彧鏄氦鍑烘潵鐨勶紝骞舵病鏈夊叾浠栦綔鐢ㄣ€傚叾瀹炲湪Vuex涓紝鍏佽Vue缁勪欢鐩存帴璋冪敤commitapi锛屼篃灏辨槸鎴戣繖閲岃鐨勶紝浣犲彲鑳借寰梐ction娌＄敤锛屽叾瀹炴槸鏈夌殑銆備綘杩樿寰楁垜涔嬪墠娌℃湁鎻愬埌鐨勫悗绔疉PI鍚楋紵鍏跺疄鍚庣API灏辨槸鍙﹀涓€涓湇鍔″櫒銆傛剰鎬濇槸褰撴垜浠皟鐢╠ispatch(zijia)鐨勬椂鍊欙紝骞朵笉鐭ラ亾鎴戜滑闇€瑕佸姞浣犮€傝繖鏃跺€欙紝鎴戜滑鍦╝ction涓悜鍙﹀涓€涓湇鍔″櫒鍙戦€佽姹傦紝璇㈤棶鎴戜滑瑕佸姞澶氬皯銆傛墍浠ヨ繖涓椂鍊檃ction杩樻槸鏈夌敤鐨勩€傚瓨鍦ㄥ繀椤绘湁瀛樺湪鐨勪环鍊笺€傝繖閲岄『渚胯涓€涓婦evtools锛屼篃灏辨槸璇村湪vue-devtools鐨勮皟璇曞伐鍏蜂腑鍙互鐪嬪埌鏁版嵁鐨勬墍鏈夊彉鍖栧拰淇敼鍘嗗彶銆備笅闈紝璁╂垜浠敤涓€涓敓娲绘渚嬶紝鏉ュ杩欏紶鍥惧仛涓€涓€氫織鏄撴噦鐨勮蹇嗐€傞『渚胯ˉ鍏呬竴鐐癸紝鍏跺疄鍦╲uex鐨勫畼鏂瑰浘鐗囦腑锛岃繕鏄皯浜嗕竴鐐圭偣锛屼笉杩囨槸鍥句腑鐢╲uex琛ㄧず鐨勩€俛ctions銆乵utations銆乻tate杩欎笁涓璞￠兘鏄敱store绠＄悊鐨勩€傛湁閭ｄ箞澶歭eader鏄负浜嗘洿濂界殑state绠＄悊锛屽洜涓哄悗闈細瓒婃潵瓒婂鏉傘€?.鐢熸椿妗堜緥鐞嗚В鎴戜滑鎶婃祦绋嬩腑娑夊強鐨勫洓涓璞℃瘮浣滃浜恒€佹湇鍔″憳銆佸帹鎴裤€佽彍鍝侊紝鎶妚uex浣滀负涓€涓暣浣撴瘮浣滀竴涓ぇ閰掑簵娴佺▼瑙ｉ噴锛氬浜烘潵鍒皏uex锛屽浜哄拰鏈嶅姟鍛樿涓昏鐐箈xxx锛寈xx涓彍锛堣皟鐢╠ispatchAPI锛屽嵆dispatchtoactions锛夈€傛湇鍔″憳(actions)鏀跺埌璇锋眰鍚庯紝灏嗗浜虹偣鐨勮彍鍚嶆彁浜?commit())缁欏帹鎴垮洟闃熴€傚帹鎴挎敹鍒版湇鍔″憳鎻愪氦鐨勮彍鍚嶅悗锛屽紑濮嬪埗浣滐紙鍗虫洿鏂版暟鎹級锛岀劧鍚庨€氳繃mutate锛堣嚜鍔ㄨЕ鍙戯級浼犻€掔粰State銆傝彍鍝佸仛濂藉悗锛岄€氳繃render杩涜娓叉煋锛屽彂閫佺粰瀹汉锛堟洿鏂拌鍥撅級銆傚鏋滀綘瀵瑰悗鍘ㄧ殑xdm鐜╃殑寰堝ソ锛屽緢鐔熸倝锛屼笅娆℃潵鐨勬椂鍊欙紝鐩存帴璺宠繃鏈嶅姟鍛橈紝鐩存帴鍜屽悗鍘ㄥ璇濆摜浠浠婂ぉ杩樻槸涓€鏍凤紝鍏勫紵浠湪鍚庡帹灏辨槑鐧戒簡銆傛垨鑰呮湁涓嬮潰杩欑鎯呭喌锛氫綘鏉ュぇ閰掑簵锛屾兂鐩存帴鍘绘壘澶у帹鍝ワ紝鍙槸鏈€杩戣彍鍗曟洿鏂颁簡锛屾湇鍔″憳鎷︿綇浣犺锛屾垜浠鍘呯殑鑿滃搧鏇存柊浜嗭紝浣犲繀椤诲憡璇夋垜锛屼綘瑕佸悆浠€涔堬紝杩欐牱鎴戞墠鑳戒负浣犳湇鍔°€傦紙鑿滅殑鏇存柊灏辨槸鍚戝彟涓€鍙版湇鍔″櫒璇锋眰鏁版嵁锛夈€傚笇鏈涢€氳繃杩欎釜灏忔渚嬶紝鑳藉璁╁ぇ瀹舵湁鏇村ソ鐨勮蹇嗐€傚悗璁板ぇ瀹跺姞娌癸紒锛侊紒鏂囦腑濡傛湁涓嶈冻涔嬪锛岃鍙婃椂鎸囧嚭锛屽湪姝よ〃绀鸿》蹇冪殑鎰熻阿銆傜焊涓婅皥鍏电殑鎴愭灉鎬绘槸鑲ゆ祬鐨勶紝鎴戠煡閬撹繖浠朵簨蹇呴』瑕佸仛銆傚ぇ瀹跺ソ锛屾垜鏄崥涓诲畞鍦ㄦ烦锛氫竴涓儹鐖辨枃鑹哄嵈璧颁笂缂栫▼閬撹矾鐨勯椤甸潚骞淬€傚笇鏈涳細褰撴垜浠浉閬囨椂锛屾垜浠皢鏈夋墍鎴愬氨銆?/p>
