鍓嶈█锛氬墠娈垫椂闂村紑濮嬪疄鐜板熀浜巚ue3寮€鍙戠殑搴旂敤锛屼簬鏄叧娉ㄤ簡绀惧尯涓竴浜涘洿缁晇ue3鐨勫紑婧愰」鐩€傛棤鎰忎腑鐪嬪埌浜嗗井浼楅噾铻嶅洟闃熷紑婧愮殑Fes.js鏂规銆傚湪鏈柟妗堢殑璁捐鎬濊矾涓紝蹇€熶笂鎵嬨€佹槗鐢ㄣ€侀珮鎵╁睍鎬х殑鐗圭偣锛岃鎴戝椤圭洰鐨勫簲鐢ㄦ湁浜嗚繘涓€姝ョ殑鎺㈢储锛夛紝椤圭洰鍒濆鍖栨椂锛屾垜浠彲鑳戒細鑰冭檻浠ヤ笅鍑犱釜闂锛氬浣曠粺涓€杩涜鏉冮檺绠＄悊锛熷浣曠粺涓€灏佽鍩轰簬axios鐨勮姹傚簱锛堝彇娑堥噸澶嶈姹傘€佽姹傝妭娴併€侀敊璇紓甯稿鐞嗙瓑锛夊浣曚綔涓哄瓙搴旂敤宓屽叆鍒板井鍓嶇绯荤粺锛堝亣璁炬槸鍩轰簬qiankun)濡備綍鍏变韩鍝嶅簲寮忔暟鎹紵濡備綍绠＄悊閰嶇疆淇℃伅锛?.1浣犲彲浠ヨ繖鏍峰仛銆傚鏋滄垜浠瘡娆℃柊寤洪」鐩兘瑕佹墜鍔ㄥ鐞嗕笂闈㈢殑闂锛岄偅灏嗘槸涓€涓噸澶嶇殑鎿嶄綔锛屽悓鏃惰繕瑕佷繚璇佸洟闃熺殑涓€鑷存€э紝鎵€浠ヤ竴瀹氳鑰冭檻绾︽潫鏉′欢銆傚湪Fes.js瑙ｅ喅鏂规涔嬪墠锛屾垜瑙ｅ喅涓婅堪闂鐨勬柟娉曟槸缁存姢涓€涓叕鍏卞伐鍏峰簱杩涜灏佽锛屾瘮濡傚axios杩涜浜屾灏佽寮€鍙戜竴涓畝鍗曠殑鑴氭墜鏋讹紝灏嗚繖浜涗笢瑗挎暣鍚堟垚涓€涓ā鏉匡紝鐒跺悗浣跨敤鍛戒护琛屾潵鐩存帴閫氳繃vue-clipull鐢熸垚妯℃澘锛岀劧鍚庤嚜瀹氫箟閰嶇疆淇敼绛夛紝浣跨敤鏂囨。銆佸伐鍏枫€佽剼鎵嬫灦璧嬭兘寰堢畝鍗曪紝浣嗘槸鏈夋病鏈夋洿濂界殑鏂规鍛紵鍥剧墖寮曠敤鑷枃绔犮€婅殏铓佸墠绔爺鍙戞渶浣冲疄璺点€?.2鍏朵粬瑙ｅ喅鏂规-妗嗘灦锛堟彃浠讹級瀛eact鐨勭闉嬮兘鐭ラ亾react绀惧尯鏈変竴涓彃浠跺紡鐨勫墠绔簲鐢ㄦ鏋禪miJS锛屼絾鏄噷闈㈡病鏈塿ue鐨勪笘鐣岋紝鐒跺悗鎴戜滑瑕佸垎浜殑Fes.js灏辨槸vue涓殑UmiJS銆侳es.js鐨勫緢澶氬姛鑳介兘鏄€熼壌浜哢miJS銆俇miJS鍐呯疆浜嗚矾鐢便€佹瀯寤恒€侀儴缃层€佹祴璇曠瓑鍔熻兘锛岃繕鏀寔鎻掍欢鍜屾彃浠堕泦锛屾弧瓒冲姛鑳藉拰鍨傜洿棰嗗煙鐨勯渶姹傘€傚垎灞傞渶姹傘€傛湰璐ㄤ笂鏄负浜嗘洿鏂逛究蹇嵎鐨勫紑鍙戜腑鍚庡彴搴旂敤銆傝妗嗘灦鐨勬牳蹇冩槸鎻掍欢绠＄悊銆傛彁渚涚殑鍐呯疆鎻掍欢灏佽浜嗗ぇ閲忔惌寤虹浉鍏崇殑閫昏緫锛屾嫢鏈変赴瀵岀殑鎻掍欢鐢熸€併€備笟鍔′腑闇€瑕佸鐞嗙殑鑴忔椿锛岄兘閫氳繃鎻掍欢鏉ヨВ鍐筹紝鐢ㄦ埛鍙渶绠€鍗曢厤缃垨鎸夎鑼冧娇鐢ㄥ嵆鍙€備綘鐢氳嚦鍙互灏嗘彃浠惰仛鍚堟垚涓€涓彃浠堕泦锛岀被浼间簬babel鐨刾lugin鍜宲reset锛屾垨鑰卐slint鐨剅ule鍜宑onfig銆備娇鐢ㄦ彃浠跺拰鎻掍欢闆嗘弧瓒充笉鍚屽満鍚堢殑闇€姹傞€氳繃鎻掍欢鎵╁睍浠嶶miJS瀵煎叆鐨勮兘鍔涳紝姣斿涓嬪浘锛屾槸涓嶆槸寰堝儚vue3鐨凜ompositionAPI璁捐锛熸嫇灞曢槄璇伙細UmiJS鎻掍欢绯荤粺鐨勪竴浜涘垵姝ヨ璇嗕簩銆丗es.js瀹樻柟浠嬬粛锛欶es.js鏄竴涓畝鍗曟槗鐢ㄧ殑鍓嶇搴旂敤瑙ｅ喅鏂规銆侳es.js2.0鍩轰簬Vue3.0鍜岃矾鐢憋紝鍚屾椂鏀寔閰嶇疆璺敱鍜岀害瀹氳矾鐢憋紝骞剁敤瀹冩潵鎵╁睍鍔熻兘銆傚尮閰嶅畬鏁寸殑鎻掍欢浣撶郴锛屾兜鐩栫紪璇戞椂鍜岃繍琛屾椂鐢熷懡鍛ㄦ湡锛屾敮鎸佸悇绉嶅姛鑳芥墿灞曞拰涓氬姟闇€姹傘€?.1鏀寔甯歌璺敱浠€涔堟槸甯歌璺敱锛熷父瑙勮矾鐢变篃鍙枃浠惰矾鐢憋紝鎰忔€濇槸涓嶉渶瑕佹墜鍔ㄩ厤缃€傛枃浠剁郴缁熸鍦ㄨ矾鐢便€傜幇鍦ㄨ秺鏉ヨ秺澶氱殑妗嗘灦鏀寔甯歌璺敱锛屽寘鎷笂闈㈡彁鍒扮殑UmiJS锛岃繕鏈塖SR鐨刵uxt绛夛紝璁╂垜浠厤鍘绘墜鍔ㄩ厤缃殑楹荤儲銆傝矾鐢辨椂闂淬€傛洿澶氬叧浜巉es鐨勮矾鐢遍厤缃紝鍙傝璺敱鏂囨。銆?.2鎻掍欢鏀寔鎻掍欢鏈川涓婂氨鏄竴涓猲pm鍖咃紝閫氳繃鎻掍欢鏉ユ墿灞旻es.js鐨勫姛鑳姐€傜洰鍓嶏紝Fes.js鏈夊嚑涓紑婧愮殑鎻掍欢銆傚苟涓旀彃浠跺彲浠ョ鐞嗛」鐩殑缂栬瘧鍜岃繍琛屻€傛彃浠舵枃妗ｆ彃浠舵簮鐮侀摼鎺ャ€俧esjs涔熸敮鎸佸紑鍙戣€呰嚜瀹氫箟鎻掍欢銆傝瑙佹彃浠跺紑鍙戞枃妗ｃ€侭inbin锛氶偅涔堢紪璇戞椂鍜岃繍琛屾椂鐨勬敮鎸佹槸浠€涔堬紵鍙互杩欐牱鐞嗚В锛氬鏋滄槸缂栬瘧鏃剁殑閰嶇疆锛屽氨鏄墦鍖呯殑鏃跺€欙紝鏍规嵁閰嶇疆瀹屾垚鐩稿簲鐨勪唬鐮佹瀯寤猴紝鑰岃繍琛屾椂鐨勯厤缃紝灏辨槸浠ｇ爜琚祻瑙堝櫒鎵ц鐨勬椂鍊欙紝瀹冧細鏍规嵁璇诲彇鐨勯厤缃仛鐩稿簲鐨勯厤缃€傚鐞嗭紝鏈夊叴瓒ｇ殑鍙互娣卞叆浜嗚Вfesjs鐨勬彃浠舵簮鐮侊紝瀛︿範濡備綍澶勭悊fes-plugin-access婧愮爜閾炬帴2.3Fes.js濡備綍浣跨敤Fes.js鎻愪緵鍛戒护琛屽伐鍏穋reate-fes-app锛屽叏灞€瀹夎鍚庯紝鐩存帴閫氳繃杩欎釜鍛戒护鍒涘缓涓€涓」鐩ā鏉匡紝椤圭洰缁撴瀯濡備笅锛岀劧鍚庤繍琛宯pmrundev寮€濮嬩綘鐨刦es涔嬭矾锛屽涓嬪浘2.4涓轰粈涔堥€夋嫨fes.jslikevue-cli鍙兘瑙ｅ喅鎴戜滑椤圭洰涓殑寮€鍙戙€佹瀯寤恒€佹墦鍖呯瓑鍩虹闂锛岃€孎es.js鍙互鐩存帴瑙ｅ喅澶ч儴鍒嗗父瑙勪腑鍚庡彴搴旂敤鐨勪笟鍔″満鏅紝鍖呮嫭浠ヤ笅閰嶇疆甯冨眬锛氳В鍐冲竷灞€銆佽彍鍗曠瓑閰嶇疆闂銆佸鑸瓑锛岀被浼间綆浠ｇ爜鏈哄埗鏉冮檺鎺у埗锛氶€氳繃鍐呯疆鐨勮闂彃浠跺疄鐜扮珯鐐瑰鏉傜殑鏉冮檺绠＄悊璇锋眰搴撳皝瑁咃細閫氳繃鍐呯疆鐨剅equest鎻掍欢锛屽唴缃甪璇锋眰鍙嶉噸銆佽姹傝妭娴併€侀敊璇鐞嗙瓑鍔熻兘寰墠绔泦鎴愶細閫氳繃鍐呯疆鐨剄iankun鎻掍欢锛屽揩閫熼泦鎴愬埌寰墠绔郴缁熶腑锛屾湡寰呮洿澶氭彃浠惰祴鑳戒腑绔€屽悗绔簲鐢ㄤ笟鍔″満鏅湁浜唀s6鐨勬敮鎸侊紝es妯″潡鎴愪负浜嗙湡姝ｇ殑瑙ｅ喅鏂规锛岃繘涓€姝ヤ紭鍖栦簡vue鐨勬€ц兘锛屾敮鎸乼ypescript锛氶€氳繃ts鐨勭被鍨嬫鏌ユ満鍒讹紝鎴戜滑鍙互閬垮厤鍦ㄩ噸鏋勪腑寮曞叆鎰忔兂涓嶅埌鐨勯敊璇繃绋嬨€侳ramesizereduction:framesizeoptimization鏈€鍚庝竴鏂归潰鏄洜涓哄紩鍏ヤ簡CompositionAPI鐨勮璁★紝鍚屾椂鏀寔tree-shaking锛屾寜闇€寮曞叆moduleAPI锛屾渶缁堟憜鑴辨棤鐢╩odules锛屼娇鏈€缁堟墦鍖呯殑bundle鏇村皬鏇村ソVirtualDom瑙ｅ喅鏂规鐨勫疄鐜帮細娣诲姞浜唂lags锛屼笉绠ue2鐨刅irtualDOM鏈夊澶у彉鍖栵紝鏁翠釜妯℃澘閮戒細閲嶆柊姣斿锛岃€孷ue3宸茬粡涓哄姩鎬乨om鑺傜偣鏍囦笂浜哖atchFlag锛屽苟涓斿彧闇€瑕佽窡韪甫鏈塒atchFlag鐨勮妭鐐广€傚苟涓斿綋鑺傜偣宓屽灞傛暟杈冨鏃讹紝鍔ㄦ€佽妭鐐圭洿鎺ョ粦瀹氭牴鑺傜偣锛屼篃灏辨槸璇磀iff绠楁硶鍒拌揪鏍筪om鑺傜偣鏃讹紝浼氱洿鎺ュ畾浣嶅姩鎬佸彉鍖栫殑鑺傜偣锛屼笉浼氬幓閬嶅巻闈欐€乨om鑺傜偣锛屾彁楂樻晥鐜囥€傚紩鍏roxy鐗规€э細浠ｆ浛vue2鐨凮bject.defineProperty瀹炵幇鍙屽悜缁戝畾锛岀敱浜庤嚜韬殑灞€闄愭€э紝鍙兘鍔寔瀵硅薄灞炴€с€傚鏋滃璞″睘鎬у€兼槸涓€涓璞★紝涔熷彲浠ユ繁搴﹂亶鍘嗛渶瑕佸姭鎸佹暣涓璞★紝浣嗘槸浠ｇ悊鍙互瀹屽叏鍔寔鏁翠釜瀵硅薄3.2鍏充簬CompositionAPIvue3閫氳繃OptionsAPI鏇夸唬鍘熸潵鐨剉ue2鏋勫缓缁勪欢璁捐锛堣揩浣挎垜浠浠ｇ爜杩涜鍒嗗眰锛夛紝骞堕噰鐢ㄧ被浼糝eactHooks鐨勮璁★紝閫氳繃鍙粍鍚堛€佷綆渚靛叆銆佸嚱鏁板紡鐨凙PI锛岃鎴戜滑鍦ㄦ瀯寤虹粍浠舵椂鏇村姞鐏垫椿銆傚畼鏂瑰畾涔夛細涓€缁勫熀浜庡姛鑳界殑闄勫姞API锛屽彲浠ョ伒娲荤粍鍚堢粍浠堕€昏緫閫氳繃涓婂浘鐨勫姣旓紝鎴戜滑鍙互鐪嬪嚭CompositionAPI鍜孫ptionsAPI鍦ㄦ瀯寤虹粍浠朵笂鐨勫尯鍒€傛樉鐒讹紝鍩轰簬CompositionAPI鐨勬瀯寤轰細鏇村姞娓呮櫚銆傛垜浠細鍙戠幇vue3鐨勫嚑涓笉鍚岀偣锛歷ue3鎻愪緵浜嗕袱绉嶆暟鎹搷搴斿紡鐩戞帶APIref鍜宺eactive銆備袱鑰呯殑鍖哄埆鏄痳eactive涓昏鐢ㄦ潵瀹氫箟瀵硅薄绛夊鏉傛暟鎹被鍨嬶紝鑰宺ef鐢ㄦ潵瀹氫箟鍩烘湰绫诲瀷姣斿stringvue3鎻愪緵浜唖etup(props,context)鏂规硶锛岃繖鏄娇鐢ㄧ殑鍓嶆彁鍏ュ彛CompositionAPI锛岀浉褰撲簬vue2.x鍦╞eforeCreate鍜宐eforecreated鐢熷懡鍛ㄦ湡涔嬪悗鎵ц銆傛柟娉曚腑鐨刾rops鍙傛暟鐢ㄤ簬鑾峰彇缁勪欢涓畾涔夌殑鍙傛暟props锛岄渶瑕佹敞鎰忕殑鏄痯rops鏄搷搴斿紡鐨勶紝涓嶈兘浣跨敤es6瑙ｆ瀯锛堜細娑堥櫎props鐨勫搷搴斿紡锛夈€傚鏋滀綘闇€瑕佺洃鎺у搷搴旓紝浣犻渶瑕佷娇鐢╳acth銆俢ontext鍙傛暟鐢ㄤ簬鑾峰彇灞炴€э紝鑾峰彇slot锛屾垨鑰呭彂閫佷簨浠讹紝姣斿context.emit锛屽洜涓簊etup涓病鏈塼hiscontext锛宑ontext鍙兘鐢ㄤ簬鑾峰彇涓嬫枃鍏充簬Vue3鐨勬洿澶氬疄璺点€傛湡闂翠富瑕佹槸绠€瑕佸洖椤俱€傚ぇ瀹跺ソ锛屾垜鏄煂叉爲閰憋紝璇峰枬涓€鏉煃佃寰椾笁杩炲摝~1.鐪嬪畬璁板緱鐐逛釜璧烇紝鏈夝煈嶅姩鍔?.鍏虫敞鍓嶇閭ｄ簺鏈夎叮鐨勪簨鎯呭叕浼楀彿锛岄櫔浣犱竴璧疯蛋鍚ц璇村墠绔殑瓒ｄ簨3.鏂囩珷鏀跺綍鍦℅ithubfrontendThingsThanksStar鉁?/p>
