浠婃棭锛屼箤浜戞暎鍘诲墠瑷€涓婁竴绡囧啓浜哣ue涓叏灞€浜嬩欢鎬荤嚎鐨勭浉鍏冲師鐞嗗拰灏忔渚嬨€備笂涓€绡囩畝鍗曡浜嗕笅鎴戜釜浜虹悊瑙ｇ殑Vue鐨勬牳蹇冩€濇兂锛堝垰瀛︿笉涔咃紝濡傛湁涓嶈冻璇峰強鏃舵寚姝ｏ級锛屾暟鎹殑鍙屽悜缁戝畾锛屾棤闇€鎵嬪姩鎿嶄綔DOM鍏冪礌鐨勭粍浠跺寲寮€鍙戯紝灏嗕竴涓〉闈㈠垎鎴愬涓皬缁勪欢锛屽啀涓€姝ユ鎷煎噾璧锋潵锛屽舰鎴愮粍浠跺寲寮€鍙戙€傛渶澶х殑鐥涚偣鍙兘鏄疄鐜扮粍浠朵箣闂寸殑閫氫俊銆傜粍浠朵箣闂撮€氫俊鐨勬湰璐ㄦ槸鏁版嵁鍏变韩銆傚浜庣粍浠朵箣闂寸殑閫氫俊锛屾垜鏄竴姝ヤ竴姝ュ啓鐨勶紝鐒跺悗浣跨敤props瀹炵幇缁勪欢闂撮€氫俊锛堥€傚悎鐖跺瓙缁勪欢閫氫俊锛屽瓩缁勪欢涔熻锛屽鍏勫紵缁勪欢涓嶆槸寰堝弸濂斤級缁勪欢涔嬮棿浣跨敤鑷畾涔変簨浠躲€傜粍浠堕棿閫氫俊锛堝悓涓婏級鍏ㄥ眬浜嬩欢鎬荤嚎瀹炵幇浠绘剰缁勪欢闂撮€氫俊锛堜换鎰忕粍浠堕兘鍙互閫氫俊锛夋渚嬶紝閫氳繃绗笁鏂瑰簱鍙戝竷/璁㈤槄瀹炵幇缁勪欢闂撮€氫俊锛堝ぇ瀹剁涓嬩簡瑙ｄ竴涓嬪氨濂戒簡锛屼釜浜鸿寰楄涓篤ue涓殑eventbus鏄瘮鍙戝竷璁㈤槄鏇寸敓鎬佺殑锛屾墍浠ユ病鍐欒繖绡囨枃绔狅級鏂?..涓轰粈涔堣浠嬬粛Vuex锛熸€濊€凁煣愪笉鐭ラ亾澶у浼氫笉浼氭湁杩欐牱鐨勭枒闂€傚叏灞€浜嬩欢鎬荤嚎宸茬粡鍙互瀹炵幇浠绘剰缁勪欢涔嬮棿鐨勯€氫俊銆備负浠€涔堣灏哣uex寮曞叆Vue鐢熸€侊紵杩欐牱鐨勬搷浣滄槸涓嶆槸鏄惧緱鏈夌偣閲嶅锛熺粍浠朵箣闂寸殑閫氫俊瀹為檯涓婂氨鏄疄鐜版暟鎹殑鍏变韩鍜屽鍒犳敼鏌ャ€傚湪鍏ㄥ眬浜嬩欢鎬荤嚎涓紝閫氳繃鍦╲m涓殑beforeCreate鐢熷懡鍛ㄦ湡涓负Vue鐨勫師鍨嬫坊鍔犱竴涓?bus灞炴€э紝鎵€鏈夌粍浠堕兘鍙互浣跨敤$on鍜?emit鍦?bus灞炴€т笂缁戝畾鏂规硶锛屾柟娉曞弬鏁板彲浠ヤ娇鐢╥n鏁版嵁鍦ㄤ笉鍚岀殑缁勪欢涔嬮棿浼犻€掋€傝鏂规硶瑙ｅ喅浜嗗眰娆¤緝澶氱殑鍏勫紵缁勪欢鎴栫瀛欑粍浠朵箣闂寸殑鏁版嵁浼犻€掋€備絾鏄暟鎹湰韬瓨鍦ㄧ殑鍦版柟鏄湪鏌愪釜缁勪欢鍐呴儴锛岀劧鍚庡叾浠栫粍浠堕€氳繃瑙﹀彂鍥炶皟鏉ヤ慨鏀规暟鎹€備篃灏辨槸璇达紝濡傛灉鎴戜滑瑕佸疄鐜扮粍浠堕€氫俊锛屽氨蹇呴』鍦ㄥ瓙缁勪欢涓啓涓€涓柟娉曟潵瑙﹀彂鐖剁粍浠朵腑棰勫厛缁戝畾鐨勫洖璋冨嚱鏁般€傚鏋滄湁瓒婃潵瓒婂鐨勭粍浠舵潵鎿嶄綔杩欎簺鏁版嵁鎬庝箞鍔烇紵锛熶細鍙戠敓浠€涔堬紵浠旂粏鎯虫兂馃锛屾垜浠慨鏀圭殑鏄竴涓叡浜暟鎹紝涓轰粈涔堣鍦ㄤ袱绔啓鐩镐技閲嶅鐨勪唬鐮佸憿锛熸垜浠笉鑳藉啓鍦ㄥ瓙缁勪欢閲岋紝鐒跺悗鐖剁粍浠朵細绔嬪嵆妫€娴嬪埌鏁版嵁鍙樺寲锛岀劧鍚庢洿鏂板埌瑙嗗浘灞傚悧锛燂紵VuexVuex瀹樻柟鏂囨。鍦ㄥ畼鏂规枃妗ｄ腑锛孷uex鏄繖鏍蜂粙缁嶇殑锛氬畠浣跨敤闆嗕腑瀛樺偍鏉ョ鐞嗗簲鐢ㄧ▼搴忔墍鏈夌粍浠剁殑鐘舵€侊紝骞朵娇鐢ㄧ浉搴旂殑瑙勫垯鏉ヤ繚璇佺姸鎬佷互鍙娴嬬殑鏂瑰紡鍙樺寲銆俈uex涔熼泦鎴愬埌Vue瀹樻柟璋冭瘯宸ュ叿devtoolsextension(opensnewwindow)涓紝鎻愪緵闆堕厤缃┛瓒婅皟璇曘€佺姸鎬佸揩鐓у鍏ュ鍑虹瓑楂樼骇璋冭瘯鍔熻兘锛孷uex灏嗘墍鏈夐渶瑕佸叡浜殑鏁版嵁鎷夊彇鍒颁竴涓兢涔熸槸涓€鏍凤紝闆嗕腑绠＄悊锛屽鍒犳敼鏌ョ殑鏂光€嬧€嬫硶銆備綘鍙互鐩存帴璋冪敤浣犳兂瑕佹搷浣滅殑浠讳綍鏁版嵁鐨勬柟娉曘€傝€屼笖vue瀹樻柟鎻愪緵浜嗚皟璇曞伐鍏凤紝鍍忔垜浠娇鐢ㄥ叏灞€浜嬩欢鎬荤嚎鐨勬椂鍊欙紝杩愯鏁版嵁鏄笉浼氭湁鍘嗗彶璁板綍鐨勶紝浣嗘槸鏈変簡vuex锛屾墦寮€璋冭瘯宸ュ叿锛屽氨鍙互鐪嬪埌浣犺繍琛屾暟鎹殑鍘嗗彶锛岃繖涓€鐐规槸鏃犳硶姣旀嫙鐨勫叾浠栨柟娉曘€傚厛璇撮噸鐐癸細涓轰粈涔堣鐢╒uex...鎴戜滑鐨勫簲鐢ㄥ緢瀹规槗閬囧埌澶氫釜缁勪欢鍏变韩鐘舵€侊紝鍗曞悜鏁版嵁娴佺殑绠€鍗曟€у緢瀹规槗琚牬鍧忥細澶氫釜瑙嗗浘渚濊禆鍚屼竴涓姸鎬併€傛潵鑷笉鍚岃鍥剧殑鎿嶄綔闇€瑕佹敼鍙樼浉鍚岀殑鐘舵€併€傚浜庨棶棰?锛屼紶閫掑弬鏁扮殑鏂规硶瀵逛簬澶氬眰宓屽鐨勭粍浠舵潵璇翠細寰堢箒鐞愶紝鑰屼笖瀵逛簬鍏勫紵缁勪欢涔嬮棿鐨勭姸鎬佷紶閫掍篃鏃犺兘涓哄姏銆傚浜庨棶棰樹簩锛屾垜浠粡甯镐娇鐢ㄧ埗瀛愮粍浠剁洿鎺ュ紩鐢ㄦ垨鑰呬娇鐢ㄤ簨浠舵潵鏀瑰彉鍜屽悓姝ュ浠界姸鎬併€傞偅涔堬紝涓轰粈涔堟垜浠笉鎶婄粍浠剁殑鍏变韩鐘舵€佹娊鍙栧嚭鏉ワ紝鐢ㄥ叏灞€鐨勫崟渚嬫ā寮忔潵绠＄悊鍛紵鍦ㄨ繖绉嶆ā寮忎笅锛屾垜浠殑缁勪欢鏍戞瀯鎴愪簡涓€涓法澶х殑鈥滆鍥锯€濓紝鏃犺鍦ㄦ爲鐨勫摢涓綅缃紝浠讳綍涓€涓粍浠堕兘鍙互鑾峰緱鐘舵€佹垨鑰呰Е鍙戣涓猴紒鐩稿綋浜庡畾涔変簡杩欐牱涓€涓腑澶粨搴擄紝鎵€鏈夌殑缁勪欢閮藉彲浠ヨ幏鍙栭噷闈㈠瓨鏀剧殑鏁版嵁锛屼篃鍙互瀵规暟鎹繘琛屾搷浣溿€備竴鏃︽暟鎹彂鐢熷彉鍖栵紝浣跨敤鐩稿叧鏁版嵁鐨勭粍浠惰鍥句篃浼氶殢涔嬫洿鏂般€傞€氳繃瀹氫箟鍜岄殧绂荤姸鎬佺鐞嗕腑鐨勫悇绉嶆蹇碉紝骞堕€氳繃寮哄埗瑙勫垯淇濇寔瑙嗗浘鍜岀姸鎬佷箣闂寸殑鐙珛鎬э紝鎴戜滑鐨勪唬鐮佸皢鍙樺緱鏇村姞缁撴瀯鍖栧拰鍙淮鎶ゃ€傛垜浠娇鐢╲uex鏉ユ彁鍙栨墍鏈夌殑鏁版嵁浠ュ強鎿嶄綔鏁版嵁鐨勬柟寮忥紝鏃犺鏄粠浠ｇ爜灞傞潰杩樻槸鏁版嵁绠＄悊锛岄兘鍙樺緱鏇村姞鍏ㄩ潰銆備笉闇€瑕佸儚鍏ㄥ眬浜嬩欢鎬荤嚎閭ｆ牱鎻愬墠缁戝畾锛岃Е鍙戝瓙缁勪欢锛岀劧鍚庢墽琛屽洖璋冨嚱鏁版洿鏂拌鍥俱€傚缓璁細vuex铏界劧鏂逛究锛屼絾鏄鏋滀綘鐨勯」鐩簲鐢ㄤ笉澶э紝鍏跺疄鍙互浣跨敤绠€鍗曠殑store妯″紡銆傛病鏈夊繀瑕佷娇鐢╲uex锛屽洜涓鸿繖鍙兘浼氳浣犵殑浠ｇ爜鍙樺緱鍐椾綑銆傚钩鏃跺啓涓皬demo浠€涔堢殑锛屽氨鐢╬rops鍜屽叏灞€浜嬩欢鎬荤嚎鏉ュ畬鎴愬惂銆傚悗璁板ぇ瀹跺姞娌癸紒锛侊紒鏂囦腑濡傛湁涓嶈冻涔嬪锛岃鍙婃椂鎸囧嚭锛屽湪姝よ〃绀鸿》蹇冪殑鎰熻阿銆傜焊涓婅皥鍏电殑鎴愭灉鎬绘槸鑲ゆ祬鐨勶紝鎴戠煡閬撹繖浠朵簨蹇呴』瑕佸仛銆傚ぇ瀹跺ソ锛屾垜鏄崥涓诲畞鍦ㄦ烦锛氫竴涓儹鐖辨枃鑹哄嵈璧颁笂缂栫▼閬撹矾鐨勯椤甸潚骞淬€傚笇鏈涳細褰撴垜浠浉閬囨椂锛屾垜浠皢鏈夋墍鎴愬氨銆傕鈲も儩馃娉曟闈㈠寘喹р崵鈨濔煃旀眽鍫∴鈲も儩馃崯钖潯喹р崵鈨濔煃楃偢楦¤吙喹р崵鈨濔煃曟姭钀ㄠ鈲も儩馃尛鐑嫍喹р崵鈨濔煡笁鏄庢不喹р崵鈨濔煃椾笁鏄庢不喹р崵鈨濔煃楄泲绯曗儩馃娴烽矞鎶惃喹р崵鈨濔煂浮鑲夊嵎喹р崵鈨濔煃′笁鑹茬悆喹р崵鈨濔煃茬倴鍦熻眴喹р崵鈨濔煃卞集鏇瞫enbeisenbeisenbei喹р崵鈨濔煃欏ぇ绫赤鈲も儩馃崣杈ｆ绫赤鈲amen喹р崵鈨濔煃濇剰澶у埄闈㈡潯sushisushifried铏距鈲も儩馃巶澶ц泲绯曕鈲も儩馃铔嬬硶喹р崵鈨濔煃帮紝鐐硅禐涔颁笉鍒帮紝涔颁笉鍒帮紝涔颁簡涔熶笉浼氫笂褰擄紝鐪熺殑鐗╄秴鎵€鍊?/p>
