鍓嶈█寰堜箙浠ュ墠鐪嬪埌鏈夊ぇ璇?scriptsetup>+TS+Volar=鐪熺殑寰堥锛屼絾鏄竴鐩存病鏈変富鍔ㄥ皾璇曡繃銆俻roject锛屽ソ濂囧績鍙堣璋冨姩璧锋潵锛屼粈涔堥兘娌℃兂锛屽氨璺熺潃瑙嗛鍦ㄨ繖涓殤鍋囧皾璇曞仛浜嗐€傚湪浣跨敤澶嶅埗浠ｇ爜涓嶄粎鏄紩鍏ョ粍浠舵棤闇€鍗曠嫭娉ㄥ唽锛岃€屼笖鍑芥暟鍜屽彉閲忕殑澹版槑澶уぇ鍑忓皯浜嗕唬鐮侀噺銆備娇鐢?scriptsetup>涓嶉渶瑕佽繑鍥炲彉閲忕殑鍊笺€傚浜庡嚱鏁帮紝涓嶉渶瑕侀€氳繃methods閫夐」鍏紑瀹冧滑銆傛偍鍙互鐩存帴鍦ㄨ缃腑缂栧啓鍑芥暟銆傚畼鏂规枃妗ｄ腑鐨勪唬鐮佺ず渚嬪涓嬶細{{msg}}澶嶅埗浠ｇ爜鐨勭晫闈roject姣旇緝璇︾粏鍦ㄨ繖涓」鐩腑锛屾垜浣跨敤mock.js鏉ュ啓鐣岄潰锛岄€氳繃import'@/mock/index'璁╃晫闈㈣窇璧锋潵銆傚湪瀹為檯椤圭洰涓紝褰撴垜闇€瑕佽皟鐢ㄦ帴鍙ｆ椂锛岄渶瑕佸厛鐢╰ypescript瀹氫箟鎺ュ彛銆傝櫧鐒惰繖鏍蜂細鍦ㄤ竴瀹氱▼搴︿笂澧炲姞浠ｇ爜閲忥紝浣嗘槸瀵逛簬涓ぇ鍨嬮」鐩潵璇寸淮鎶よ捣鏉ヤ細姣旇緝瀹规槗锛岃皟鐢ㄦ帴鍙ｇ殑鏃跺€欎篃浼氬嚭鐜伴棶棰樸€備唬鐮佹彁绀猴紝杩欎篃鏄痶s鐨勪紭鍔裤€備唬鐮佺ず渚嬪涓嬶細澶嶅埗浠ｇ爜褰撴垜浠皢榧犳爣鏀惧湪涓婇潰鏃讹紝浼氬嚭鐜版彁绀猴細杩欐瀬澶х殑鏂逛究浜嗘垜浠皟鐢ㄦ帴鍙ｅ拰鍚庢湡缁存姢銆倀s閲岄潰鐨勮缁嗘暀绋嬪彲浠ョ湅杩欑瘒鏂囩珷鏇存繁鍏ョ殑鐞嗚В鐣岄潰宸ョ▼寮€鍙戣繃绋嬩腑閬囧埌鐨勯棶棰樿矾鐢变笉鑳借烦杞繖閲岀姱鐨勯敊璇叾瀹炴槸鍥犱负鎴戝銆傚綋鎴戞兂鐐瑰嚮鎼滅储鎸夐挳璺宠浆鏃讹紝鍑虹幇閿欒鈥斺€旀€庝箞鐐归兘娌℃湁鍙嶅簲銆傛湰鏉ユ兂鍦?scriptsetup>涓洿鎺ョ敤this.$router.push璺宠浆锛屼絾鏄痵etup杩樻病鎵ц锛屼篃娌℃湁vue瀹炰緥锛屾洿鍒彁杩欎釜浜嗐€傛煡鐪媣ue-router瀹樻柟鏂囨。锛屽彲浠ュ緢娓呮鐨勭湅鍒板畼鏂瑰姝ょ殑瑙ｉ噴锛氱敱浜巗etup鐨勬墽琛屾椂鏈哄湪beforeCreate涔嬪墠锛屾墍浠etup涓笉鑳戒娇鐢╠ata鍜宮ethods锛堝洜涓鸿繕娌℃湁鍒濆鍖栵級.鐢变簬setup鍑芥暟涓笉鑳戒娇鐢╠ata鍜宮ethods锛孷ue涓轰簡閬垮厤鎴戜滑璇敤锛岀洿鎺ュ皢setup鍑芥暟涓殑this淇敼涓簎ndefined銆備絾鏄敱浜庢湰椤圭洰涓殑鎼滅储鍥炬爣鏄竴涓爣绛撅紝鎵€浠ヤ笉闇€瑕佷娇鐢╱seRouter鍑芥暟锛岀洿鎺ュ湪鏍囩涓婃坊鍔犲嵆鍙細娉ㄦ剰锛岀敱浜庢垜浠槸榛樿鐨剅outehash锛屾墍浠ヨ繖閲屼笉鑳界洿鎺ユ坊鍔?search锛屽惁鍒欓〉闈笉浼氳烦杞紝搴旇鍦ㄥ墠闈㈠啀娣诲姞#Cannotmodifythecomponent鏍峰紡涓嶈兘淇敼缁勪欢鏍峰紡鐨勬儏鍐靛湪涔嬪墠鐨勯」鐩腑涔熼亣鍒拌繃銆傚厓绱犲姞缁勪欢鐨勯粯璁ゆ牱寮忔槸涓嶈兘淇敼鐨勩€倂ant3涔熼亣鍒颁簡鍚屾牱鐨勯棶棰樸€傛垜浠嚜宸卞啓鐨勬牱寮忚瑕嗙洊浜嗐€傝繖閲屾垜浠洿鎺ヨ繘琛屾牱寮忔笚閫忓氨鍙互浜嗭紝浣跨敤鏂规硶锛?:deep鎯充慨鏀圭被鍚峽淇敼鏍峰紡}:鎴戝湪淇敼鐧诲綍鐣岄潰鏍峰紡鐨勬椂鍊機SS妯″潡鏈夐棶棰樸€傛垜鏃犳硶灏嗘暣涓〉闈㈣儗鏅慨鏀逛负鐏拌壊銆傛垜淇敼body鍙戠幇鏍峰紡淇敼涓嶈捣浣滅敤銆傚鏋滅洿鎺ュ湪vue鍗曟枃浠剁粍浠剁殑涓垹闄coped锛屾牱寮忓氨浼氱敓鏁堬紝浣嗘槸杩欐牱鍋氱殑鍓綔鐢ㄥ氨鏄笉鑳藉啀绉佹湁鍖栨牱寮忥紝浼氭薄鏌撴暣涓笘鐣屻€傛湁涓ょ瑙ｅ喅鏂规锛氶€氳繃鎵撳紑鍙︿竴涓?style>鏉ユ墦寮€涓€涓崟鐙殑鏍峰紡锛屽崟鐙覆鏌揵ody浣跨敤鍏ㄥ眬浣滅敤鍩烠SSModules鍏佽浣跨敤:global(.className)鐨勮娉曟潵澹版槑涓€涓叧浜嶤SS鐨勫叏灞€瑙勫垯銆傚叧浜嶮oudles鐨勮缁嗕俊鎭紝璇峰弬鑰冮槷涓€宄拌€佸笀鐨勮繖绡囨枃绔狅細CSSModules浣跨敤鏁欑▼defineExpose鍦ㄤ娇鐢╲ant3缁勪欢鏃讹紝鍥犱负浠栫殑document瀹炰緥娌℃湁鍍廵lementplus閭ｆ牱鐩存帴浣跨敤锛屽鑷存垜鐧诲綍鐣岄潰鐨勮緭鍏ユ鍏ㄦ病浜嗐€?...浠旂粏涓€鎯冲氨鐭ラ亾锛屽緢鍙兘鏄洜涓簊etup鐨勮娉曠硸娌℃湁鎺屾彙濂姐€傝刀绱х炕浜嗙炕vue瀹樻柟鏂囨。锛屼笉鍑烘剰澶栫殑鎵惧埌浜嗛棶棰樼殑鍘熷洜锛氬叾瀹炴槸鑾峰彇缁勪欢鐨刾ublic瀹炰緥锛岄渶瑕佷娇鐢╠efineExpose鏉ヤ娇鐢?scriptsetup>鐨勭粍浠堕粯璁ゆ槸鍏抽棴鐨勨€斺€斾篃灏辨槸锛岄€氳繃templateref鎴?parentchain鑾峰緱鐨勭粍浠剁殑鍏叡瀹炰緥灏嗕笉浼氭毚闇插湪涓０鏄庣殑浠讳綍缁戝畾銆傞€氳繃defineExpose缂栬瘧鍣ㄥ畯鏄惧紡鎸囧畾瑕佸湪缁勪欢涓叕寮€鐨勫睘鎬с€傛敞鎰廳efineExpose闇€瑕佹墜鍔ㄥ鍏ャ€傛€荤粨+TS+Volar鐪熺殑寰堢埥锛岃櫧鐒舵垜涓嶅枩娆?scriptsetup>璇硶绯栫殑鎺屾彙杩樻槸涓嶅锛屽鑷村紑鍙戣繃绋嬩腑鍑虹幇浜嗕竴绯诲垪鐨勯棶棰橈紝浣嗘槸杩樻槸鍙互鎰熷彈鍒拌娉曠硸鐨勯瓍鍔涳紝鏈€鍚庨檮涓婇」鐩拰婧愮爜鍦板潃
