浣滆€咃細NwoseLotannaVictor璇戣€咃細鍓嶇灏忔櫤鏉ユ簮锛歮edium鏈夋ⅵ鎯筹紝鏈夊共璐э紝寰俊鎼滅储銆愬ぇ鍗冧笘鐣屻€戝叧娉ㄨ繖涓噷鏅ㄨ繕鍦ㄦ礂纰楃殑鍒峰瓙纰楁櫤鎱с€傛湰鏂囧凡鏀跺綍鍒癎itHubhttps://github.com/qq449245884/xiaozhi锛岄噷闈㈡湁瀹屾暣鐨勬祴璇曠珯鐐广€佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€備粖澶╀富瑕佸垎浜?涓猇ue鎻愰珮椤圭洰鏋勫缓閫熷害鐨勫皬鎶€宸с€傛偍鍙兘鍚杩囦娇鐢ㄥ彲璇荤殑鍛藉悕绾﹀畾銆傚彲璇绘€х湡鐨勫緢閲嶈锛屽挨鍏舵槸瀵逛簬澶氫汉椤圭洰銆備互涓嬫槸涓€浜涜璁や负鏄渶浣冲疄璺电殑寤鸿銆傚懡鍚嶇粍浠舵椂浣跨敤椹煎嘲寮忓懡鍚峃ewComponent.vue鉁卬ewcomponent.vue馃洃Newcomponent.vue馃洃**濡傛灉鏈夊瓙缁勪欢锛屽彲浠ヨ繖鏍峰懡鍚岶ooterSection.vueFooterSectionHeading.vueFooterSectionIcons.vueFooterSectionButton.vue濡傛灉娌℃湁瀛愮粍浠讹紝鍙互灏濊瘯娣诲姞鍓嶇紑the浠ュ懡鍚峊heNavbar銆俈ue楠岃瘉Props鐨勬暟鎹被鍨嬨€侾rop鏄埗瀛愮粍浠朵箣闂磋繘琛屾暟鎹€氫俊鐨勯噸瑕佹柟寮忋€備絾鏄湪鍒涘缓Prop鐨勬椂鍊欐槑纭寚瀹氭暟鎹被鍨嬪苟瀵逛紶鍏ョ殑鏁版嵁杩涜鏍￠獙寰堥噸瑕侊紝杩欐牱鍙互甯姪鎴戜滑閬垮厤鍦ㄥ紑鍙戦樁娈靛嚭鐜扮被鍨嬩笉涓€鑷寸殑鎯呭喌銆傞敊璇€傛垜浠柊鎵嬪彲鑳界粡甯镐細鍐檖rop:props:['title','likes','isPublished','commentIds','author']锛屼絾閫氬父浣犲笇鏈涙瘡涓猵rop閮芥湁涓€涓寚瀹氱殑鍊肩被鍨嬨€傝繖鏃跺€欙紝浣犲彲浠ヤ互瀵硅薄鐨勫舰寮忓垪鍑洪亾鍏枫€傝繖浜涘睘鎬х殑鍚嶇О鍜屽€煎氨鏄痯rops鍚勮嚜鐨勫悕绉板拰绫诲瀷锛歱rops:{title:String,likes:Number,isPublished:Boolean,commentIds:Array,author:Object,callback:Function,contactsPromise:Promise//鎴栦换浣曞叾浠栨瀯閫犲嚱鏁皚杩欎笉浠呬负鎮ㄧ殑缁勪欢鎻愪緵鏂囨。锛岃€屼笖杩樹細鍦ㄧ敤鎴烽亣鍒伴敊璇被鍨嬫椂浠庢祻瑙堝櫒鐨凧avaScript鎺у埗鍙版彁绀虹敤鎴枫€備笉瑕佺洿鎺ユ搷浣淒OM銆備竴浜涙棭鏈熶娇鐢↗Q鐨勫悓瀛﹀湪浣跨敤Vue鐨勬椂鍊欒繕鏄枩娆㈢洿鎺ユ搷浣淒OM銆傝繖骞朵笉鏄竴浠跺潖浜嬶紝浣嗘槸Vue浣跨敤浜嗚櫄鎷烡OM锛屽畠鏄疍OM鐨勬娊璞＄増鏈紝杩欎娇寰楃紪璇戞晥鐜囨洿楂樸€傞伩鍏嶅湪姣忔鏇存敼鏃堕噸鏂版覆鏌撴暣涓狣OM銆傝繖澶уぇ鎻愰珮浜嗘晥鐜囧拰璧勬簮绠＄悊锛屽洜涓篋OMAPI鐨勮皟鐢ㄩ鐜囪緝浣庛€傝繖鎰忓懗鐫€锛屾垜浠湡鐨勪笉闇€瑕佸湪缁勪欢涓仛杩欎簺浜嬫儏銆?inputtype="checkbox"@change="logStatus"/>濡傛灉鎴戜滑鎯虫牴鎹笂闈㈢殑澶嶉€夋鐘舵€佸仛涓€浜涗簨鎯咃紝鎴戜滑鍙兘浼氳繖鏍峰仛锛歮ethods:{logStatus(){constisOn=document.getElementById('thecheckbox').checked;if(isOn){console.log('鐏寒');}else{console.log('鐏厜鍏抽棴');}}}getElement鏄疍OMAPI锛屽鏋滄敼鐢ㄤ笅闈㈢殑鏂规硶锛屾晥鐜囦細鎻愰珮銆俤ata(){return{isOn=false}},鏂规硶锛歿logStatus(){if(this.isOn){console.log('Lightison');}else{console.log('Lightisoff');}this.isOn=!this.isOn;}}涓嶄娇鐢―OMAPI涔熷彲浠ヨ揪鍒板悓鏍风殑鏁堟灉銆傛棤璁轰綘鐢ㄧ函JS鑳藉仛浠€涔堬紝閮藉彲浠ュ湪铏氭嫙DOM涓壘鍒版洿楂樻晥鐨勬柟娉曪紝濡傛灉鎵句笉鍒帮紝灏变娇鐢╒ueRefs銆傛嫢鎶辫绠楀睘鎬ц绠楀睘鎬ф槸鍑忓皯澶嶆潅閫昏緫鐨勫ソ鏂规硶銆備緥濡傦紝褰撴垜浠殑鏉′欢琛ㄨ揪寮忓緢闀挎椂锛屾垜浠彲浠ヤ娇鐢ㄨ绠楀睘鎬э紝灏嗗叾绠€鍖栦负涓€涓彉閲忥紝杩欐牱鍙互澶уぇ鎻愰珮鍙鎬э紝閬垮厤缁欏悗闈㈢淮鎶ょ殑浜虹暀涓嬬┖瀛愩€?divv-for='carincars'v-if='car.country=="Germany"'>鎴戜滑鍙互浣跨敤v-for寰幆閬嶅巻鍒楄〃锛屾湁浜涗汉浼氬儚涓婇潰閭ｆ牱浣跨敤v-if鏉ュ仛鏉′欢鎴栬繃婊ゅ櫒銆傝繖鐪嬭捣鏉ヤ笉閿欙紝浣嗘槸锛孷ue鐨勭紪璇戝櫒浼樺厛浜巚-for鑰屼笉鏄痸-if锛屾墍浠ユ渶缁堢粨鏋滃彲鑳戒笉鏄垜浠兂瑕佺殑锛屽垪琛紙鍋囪瀹冩湁100涓囷級姣忔閮戒細寰幆锛屾墍浠ユ晥鐜囦笉楂橈紝鎴戜滑鍙互浣跨敤璁＄畻灞炴€ф潵鏀瑰杽杩欎釜闂銆?divv-for='carincountryFilter'>//...璁＄畻锛歿countryFilter:()=>{returnthis.cars.filter(function(car){returncar.country=="Germany"})}}杩欑寰幆鏁堢巼鏇撮珮锛岃绠楀嚭鐨勫睘鎬у彧鎵ц涓€娆★紝鍙湁褰撳洜鍙橀噺鍙戠敓鍙樺寲鏃舵墠浼氬啀娆℃墽琛屻€傛渶鍚庯紝瀹冨皢閫昏緫涓庢ā鏉块儴鍒嗗垎寮€锛屽洜姝ゆ垜浠殑浠ｇ爜鏇存竻鏅般€佹洿鍏峰彲璇绘€с€傚疂搴?--瀹樻柟鏂囨。Vue鐨勬枃妗ｅ緢璇︾粏銆傛瘯绔熸槸鎴戜滑鑰佺櫨濮撳啓鐨勶紝姣旇緝绗﹀悎鎴戜滑鐨勬€濈淮鏂瑰紡銆傛枃妗ｄ腑鏈夎澶氭彁绀哄拰璧勬簮銆傚叾涓湁涓€涓猻tyleguide锛屼綘涓€瀹氳鐪嬩竴鐪嬨€傚湴鍧€锛歨ttps://cn.vuejs.org/v2/style...浠ｇ爜閮ㄧ讲鍚庡彲鑳藉嚭鐜扮殑bug鏃犳硶瀹炴椂鐭ユ檽銆備箣鍚庝负浜嗚В鍐宠繖浜沚ug锛岃姳璐逛簡澶ч噺鐨勬椂闂村湪鏃ュ織璋冭瘯涓娿€傚湪杩欓噷椤轰究缁欏ぇ瀹舵帹鑽愪竴涓ソ鐢ㄧ殑BUG鐩戞帶宸ュ叿Fundebug銆傚師鏂囷細https://blog.openreplay.com/5...浜ゆ祦鏈夋ⅵ鎯筹紝鏈夊共璐э紝寰俊鎼滅储銆愬ぇ鍗冧笘鐣屻€戝叧娉ㄨ繖浣嶅噷鏅ㄨ繕鍦ㄦ礂纰楃殑娲楃鏅烘収銆傛湰鏂囧凡鏀跺綍鍒癎itHubhttps://github.com/qq449245884/xiaozhi锛岄噷闈㈡湁瀹屾暣鐨勬祴璇曠珯鐐广€佽祫鏂欏拰鎴戠殑涓€绾垮巶鍟嗚璋堢郴鍒楁枃绔犮€?/p>
