寮€鍙戞棩璁?02)-js寮傛浠诲姟闃熷垪2021-01-3120:40:220锔忊儯闂鉂撴槸涔嬪墠椤圭洰閬楃暀涓嬫潵鐨勯棶棰樸€備竴鐩村洶鎵扮潃鎴戙€傝繕鏄叧浜巙ni-app鍜寁ue椤圭洰鐨勭綉缁滆姹傦紝鏈夎繖鏍蜂竴涓渶姹傦紝椤圭洰涓湁涓€涓叏灞€浣跨敤鐨勬暟鎹紝鎴戜滑绉颁箣涓衡€滄暟鎹瓧鍏糕€濄€傞渶瑕佸湪椤圭洰涓€鎵撳紑灏卞姞杞藉苟瀛樺偍鍦╒uex涓紝鍚庣画浣跨敤涓嶉渶瑕佽姹傜綉缁溿€備娇鐢ㄧ殑鏃跺€欏厛鍒ゆ柇vuex涓湁娌℃湁鏁版嵁锛屾病鏈夋暟鎹氨璇锋眰锛屾湁灏变娇鐢ㄧ幇鎴愮殑銆備竴鑸繖鏍风殑鏁版嵁涓嶉渶瑕佺粡甯告洿鏂般€傛湁鐐圭被浼间簬椤圭洰鐨勫叏灞€閰嶇疆锛岄渶瑕佷竴鎵撳紑灏辫姹傦紝鐒跺悗闇€瑕佸湪鐗瑰畾鐨勯〉闈笂浣跨敤銆傚洜涓洪渶瑕佸叏灞€浣跨敤锛屾墍浠ユ垜浠湪App.vue鐨刼nLaunch搴旂敤鐢熷懡鍛ㄦ湡锛坲ni-app鐨勫簲鐢ㄧ敓鍛藉懆鏈燂紝绫讳技浜嶸ue鐨刴ounted鐢熷懡鍛ㄦ湡锛夊彂璧疯姹傘€傛暟鎹瓧鍏告槸鐢ㄦ潵鏍煎紡鍖栫被浼兼€у埆鍜岃鍗曠姸鎬佺殑锛屾瘮濡傚悗鍙拌繑鍥炰竴涓鍗曞垪琛紝璁㈠崟鐘舵€佹槸1,2,3,4,5...鍓嶇鏄笉鍙兘鏄剧ず鐨勭函鏁板瓧銆傝繖鏃跺€欏彲浠ユ牴鎹悗鍙扮粰鍑虹殑瑙ｉ噴杩涜鍒ゆ柇鍜屾樉绀恒€備絾鏄繖绉嶆柟寮忔湁涓€涓己鐐癸紝灏辨槸鍓嶇姣忓鍔犱竴涓猻tate閮借鏀逛唬鐮併€傛暟鎹瓧鍏告槸涓€涓洿濂界殑瑙ｅ喅鏂规銆傝鍗曠姸鎬佸叏閮ㄥ湪鍚庡彴缁存姢銆備娇鐢ㄦ暟鎹瓧鍏镐腑閰嶇疆鐨勭姸鎬佹弿杩版牸寮忓寲鏄剧ず鍦ㄥ墠绔槸闈炲父鐏垫椿鐨勩€?{app}/src/App.vueimport{getDictByKey}from'@/store/util'exportdefault{onLaunch(){console.log('AppLaunch')getDictByKey()},}鍦ㄦ湰椤礱pp涓娇鐢?{}/src/pages/foo/foo.vueimport{getDictByKey}from'@/store/util'exportdefault{asynconLoad(){//璇锋眰绫诲瀷淇℃伅consttypeList=awaitgetDictByKey('title_type','all')if(typeList&&typeList.length){this.typeList=typeList}},}杩欎釜鏁堟灉鏄彲浠ュ疄鐜扮殑锛屼絾鏄垜鍦╢oo.vue椤甸潰鍒锋柊椤甸潰鐨勬椂鍊欙紝浼氳Е鍙戜袱娆″悓涓€涓綉缁滆姹傦紝鎷夊彇Request鐨勬帴鍙ｆ暟鎹瓧鍏镐袱娆★紝鍥犱负App.vue鏈変竴涓姹傦紝foo.vue涔熸湁涓€涓綉缁滆姹傘€傝繖涓晫闈㈢殑鏁版嵁閲忔瘮杈冨ぇ锛屼竴浼氫細鍗′綇銆傛媺涓ゆ鏄笉姝ｇ‘鐨勩€傝櫧鐒堕渶姹傚畬鎴愪簡锛屼絾鏄敱浜巆oder鐨勫己杩棁鍜屸€滆亴涓氶亾寰封€濓紝杩欎釜闂涓嶈兘绯婃秱锛屼竴瀹氳淇ソ銆?锔忊儯瑙ｅ喅鏂规鍦ㄦ湰鍦颁繚瀛樹竴娈垫暟鎹€傝繖鏄垜浠竴寮€濮嬩娇鐢ㄧ殑瑙ｅ喅鏂规銆傚洜涓烘暟鎹笉缁忓父鏇存柊锛屾墍浠ユ垜浠妸杩欎釜鎺ュ彛杩斿洖鐨刯son淇濆瓨涓烘枃浠讹紝鐒跺悗鐩存帴瀵煎叆鍒伴」鐩腑锛屽彧鍦ˋpp.vue涓姹俽enew銆傚湪椤甸潰鍐呬娇鐢ㄨ€屼笉璇锋眰銆備竴寮€濮嬫病鏈夐棶棰樸€傞」鐩凯浠ｅ悗锛屾暟鎹瓧鍏告ā鍧椾篃鐩稿簲鏇存柊銆傝繖灏遍€犳垚浜嗭紝濡傛灉鎴戝埛鏂癴oo.vue椤甸潰鐨勬暟鎹紝缃戠粶璇锋眰杩樻病鏈夎繑鍥烇紝鏈湴寰椾笉鍒扮殑鏁版嵁灏变細涓€鐗囩┖鐧姐€傚紓姝ヤ换鍔￠槦鍒楀凡缁忕湅鍒颁换鍔￠槦鍒楃殑寮曞叆锛屾瘮濡俶q锛宬afka锛岄兘鏄敤鏉ュ仛娑堟伅闃熷垪鐨勩€俶ysql鐨勪簨鍔￠殧绂绘ā寮忎篃绫讳技銆傚紓姝ヤ换鍔￠槦鍒楁湁鐐圭被浼间簬鈥滃簭鍒楀寲鈥濄€傜敾涓浘锛岃澶у鎰熷彈涓€涓嬶紝涓嶇鏈夊灏戜汉鍚戞垜瑕佹暟鎹紝鎴戦兘浼氭妸浣犵殑璇锋眰瀛樿捣鏉ワ紝鎴戜細寰楀埌鏁版嵁銆傜瓑鎴戞嬁鍒颁簡锛屾垜浼氳嚜宸卞瓨璧锋潵锛屼竴涓€缁欎綘銆傝繖鏍风綉缁滆姹傚彧鍙戦€佷竴娆★紝浣嗘槸椤圭洰涓彲浠ュ悓鏃舵湁澶氫釜璇锋眰銆備笉浠呭湪璇锋眰缃戠粶鏃跺彲浠ヤ娇鐢ㄧ被浼肩殑鎿嶄綔銆?锔忊儯浠ｇ爜瀹炵幇浜嗗紓姝ヤ换鍔￠槦鍒楃殑鑰佽鐭╋紝鐩存帴涓婁紶瀹屾暣浠ｇ爜锛屼唬鐮佷笉澶氾紝涓€鐩村湪椤圭洰涓娇鐢紝娌″彂鐜伴棶棰樸€侰opy闇€瑕佷慨鏀规垚鑷繁鐨勪笟鍔￠€昏緫銆傛垜浠參鎱㈠垎鏋愪唬鐮併€傝€佸疄璇达紝杩欎釜鎯虫硶鏄垜鑷繁鐨勩€傚疄鐜颁笉浜嗭紝浜庢槸鍦ㄧ綉涓婃壘浜嗗崐澶╋紝鎵惧埌浜嗕竴涓紭闆呯殑瀹炵幇锛岀湅璧锋潵杩樹笉閿欙紙鍏跺疄浠ｇ爜姣旇緝灏戯紝鏀硅捣鏉ヤ篃鏂逛究鐐桂煒侊級importstorefrom'@/store/index'import{handleApiRequestException}from'@/util/handle-error'//浠诲姟闃熷垪constqueue=[]/***@name閫氳繃瀛楀吀鍊艰幏鍙栧瓧鍏哥殑閿€硷紙娣诲姞浠诲姟锛?@param{string}key鏁版嵁瀛楀吀keyvalue*@param{*}value鐢ㄤ簬鏍囪瘑鏄姹傚叏閮ㄨ繕鏄崟涓獀alue*/exportfunctiongetDictByKey(key,value){returnnewPromise((resolve)=>{consttask={resolve,key,value}queue.push(task)if(queue.length===1){_next(task,true)}})}/***@name鎵ц浠诲姟*@param{object}nextPromise浠诲姟瀵硅薄*@param{boolean}first鏄惁鏄涓€涓换鍔?/asyncfunction_next(nextPromise,first){const{resolve,key,value}=nextPromiseif(!store.state.dict.length){try{绛夊緟store.dispatch('getDictList')resolve(store.getters.filterDict(key,value))}catch(error){handleApiRequestException(error)resolve(value==='all'锛焄]:'')}}else{resolve(store.getters.filterDict(key,value))}lettask=queue.shift()if(first){task=queue.shift()}task&&_next(task)}鎴戜滑浠庣涓€琛屽紑濮嬪鍏ヤ袱浠朵簨锛屼竴涓槸Vuex瀹炰緥锛屽彟涓€涓槸閿欒澶勭悊闃熷垪銆傝繖灏辨槸鎴戜滑鎯宠鐨勪换鍔￠槦鍒椼€傛垜浠渶瑕佹暟鎹姹傦紝涓€涓竴涓坊鍔犮€傚悗闈㈡墽琛岀殑浠诲姟浼氶€氳繃shift寮瑰嚭銆俫etDictByKey鏄竴涓姹傦紝鎴戜滑鐪嬬湅椤甸潰濡備綍浣跨敤杩欓噷鏈変竴涓壒鎬э紝濡傛灉娌℃湁瑙ｆ瀽锛屽氨浼氫竴鐩撮樆濉炪€俖next鏂规硶鐢ㄤ簬鍚姩鎵ц浠诲姟锛屼紶鍏ヤ竴涓换鍔″拰鏄惁涓虹涓€涓换鍔＄殑鏍囪瘑锛屽彇鍑轰换鍔″垽鏂璙uex鏁版嵁婧愭槸鍚︽湁鍊笺€傚鏋滄湁鐩存帴resolve鍚屾鍑芥暟鎵ц缁撴灉锛屽鏋滄病鏈夋墽琛岀綉缁滆姹傦紝鍒欒姹傚瓨鍌ㄦ垚鍔熴€俈uex鏁颁粨瑙ｆ瀽鍚屾鍑芥暟鎵ц缁撴灉璇锋眰澶辫触锛岃В鏋愮┖鏁版嵁锛屽悓鏃朵篃杩涜閿欒澶勭悊锛坱oast鎻愮ず锛夎幏鍙栦笅涓€涓换鍔″垽鏂槸鍚︿负绗竴涓换鍔★紝濡傛灉闇€瑕佸垯寮瑰嚭锛屽洜涓虹涓€涓换鍔″凡缁忔墽琛屽畬浜嗭紝resolve鍒ゆ柇浠诲姟鏄惁瀛樺湪锛屽鏋滃瓨鍦ㄧ户缁娇鐢╛next浠诲姟鎵ц鍑芥暟鎵ц绗竴姝ャ€傚鏋滄病鏈変换鍔★紝鍒欐墽琛屽畬鎴愩€傦紵锛燄煒拆煒拆煒诧紝鏄殑锛屽氨鏄繖涔堢畝鍗曘€傚綋鐒讹紝濡傛灉浣犲寮猴紝鍙互鍔犱竴涓紓姝ヤ换鍔★紝鍦ㄥ嚭鐜伴敊璇€佽秴鏃剁瓑鎯呭喌鏃堕噸璇曘€傜幇鍦ㄨ繖瀵规垜浠殑椤圭洰鏉ヨ宸茬粡瓒冲浜嗐€傚彟澶栵紝濡傛灉浣犱粩缁嗛槄璇讳簡鎴戠殑鏂囩珷骞惰В鍐充簡浣犵殑闂锛屾垜寤鸿浣犲叧娉ㄦ垜锛岃嚦灏戠粰鎴戠偣涓禐銆備笉瑕佲€滀笉鐭ュソ姝光€濓紝姣曠珶寰堝闂鎴戣繕鏄湁鍔炴硶鐨勩€傛湁璋侀棶鎴戯紝涔熶笉鑷充簬璁╂垜鍦ㄧ帇鑰呰崳鑰€鍛ㄦ湯鈥滆繛璺簲娆♀€濓紒馃槫馃摂寮€鍙戞棩璁扮郴鍒楀彧璁板綍涓€浜涘钩鏃跺寮€鍙戞湁鐢ㄧ殑涓滆タ銆傝鏇存浠讳綍闂锛屾嫓鎵樸€傚紓姝ヤ换鍔￠槦鍒楀叧浜庢垜SunSeekerX锛屽墠绔紑鍙戯紝Nodejs寮€鍙戯紝灏忕▼搴忥紝uni-app寮€鍙戠瓑锛屽枩娆㈣璁烘妧鏈疄鐜版柟妗堝拰缁嗚妭銆傛垜鏄竴涓畬缇庝富涔夎€咃紝鐪嬩笉鍒伴敊璇€侴ithub锛歨ttps://github.com/SunSeekerX涓汉鍗氬锛歨ttps://yoouu.cn/涓汉鍦ㄧ嚎绗旇锛歨ttps://doc.yoouu.cn/
