杩欑瘒鏂囩珷杩樻湁涓€涓皬鐐癸紝鎴戜細鍦ㄨ繖绡囨枃绔犻噷琛ヤ笂銆傝繖灏辨槸鎵€璋撶殑娓叉煋鍔熻兘銆?.main.js涓紩鍏ョ殑鍘熷鐗堟湰鏄痸ue.js鐨勪笉瀹屾暣鐗堟湰銆傛垜浠潵鐪嬩竴涓媘ain.js鍏ュ彛鏂囦欢銆?/importvueimportVuefrom'vue'//瀵煎叆搴旂敤缁勪欢importAppfrom'./App.vue'//鍏抽棴鐢熶骇鎻愮ずVue.config.productionTip=false//鍒涘缓Vue瀹炰緥瀵硅薄VmnewVue({render:h=>h(App)//杩欎笉鏄竴閿悶瀹氱殑涓滆タ锛岃繖閲岀畝鍗曚粙缁嶄竴涓嬶細//App缁勪欢娓叉煋锛屽叾涓環涓簐m.$createElement锛屽浜巚m.render闃舵//鏈€绮楃暐鐨勭悊瑙ｏ紝鎵ц瀹岃繖涓紝app灏辫鏀惧埌浜嗗鍣ㄤ腑銆倉锛夈€?mount('#app')//Vue鐨?mount()鏄墜鍔ㄦ寕杞界殑銆傝繖涓竴涓嬪瓙鎼炰笉娓呮锛屾垜涔熸槸鎴戝涓嶅ソ锛屼互鍚庤ˉ涓婁唬鐮佸搱鍝堛€傛垜鎯冲彧瑕佹垜浠垱寤鸿繃vue椤圭洰锛屾兂蹇呭ぇ瀹堕兘鍐欒繃銆備絾鏄笉鐭ラ亾澶у鏈夋病鏈夌籂缁撹繃鎴栬€呮兂杩噐ender:h=>h(App)innewVue()鏄共浠€涔堢殑銆傦紙鍒氬涔狅紝濂藉瀹濆疂馃槀锛夋牴鎹垜浠垵姝ョ殑瀛︿範锛氫笅闈㈢殑鍐欐硶涔熸槸鍙鐨勶紝鎴戜滑宸茬粡寮曞叆骞舵敞鍐屼簡缁勪欢銆俰mportVuefrom'vue'importAppfrom'./App.vue'Vue.config.productionTip=falsenewVue({template:''components:{App}}).$mount('#app')鏌ョ湅椤甸潰锛氶〉闈㈡槸绌虹櫧鐨勶紝鐒跺悗鍑虹幇濡備笅閿欒淇℃伅锛?/errorvue.runtime.esm.js?2b0e:619[Vuewarn]:Youareusingtheruntime-onlybuildofVuewherethetemplatecompilerisnotavailable.//鎻愮ず鐨勮В鍐虫柟娉曡涔堝皢妯℃澘棰勭紪璇戞垚render鍑芥暟锛岃涔堜娇鐢╟ompiler-includedbuild.(foundin)杩欓噷鎶ラ敊鐨勬剰鎬濓細YouareusingonlytheruntimeversionofVue瑙ｅ喅鏂规硶鏈変袱绉嶏細妯℃澘鍙互棰勭紪璇戞垚娓叉煋鍑芥暟锛屼篃灏辨槸鎴戜滑涔嬪墠鍐欑殑render鍑芥暟涔熷彲浠ョ敤缂栬瘧鍣ㄦ瀯寤恒€傦紙鐢ㄤ汉璇濇潵璇村氨鏄娇鐢ㄥ畬鏁寸増鐨剉ue锛屽寘鎷ā鏉跨紪璇戠増鐨剉ue锛夋敞鎰忥細鎴戜滑鍦╩ain.js涓紩鐢ㄧ殑importVuefrom'vue'鍏跺疄鏄繍琛屾椂鐗堢殑vue锛屼笉鏄畬鏁寸殑銆傜殑銆傝瘉鏄庢柟娉曪細鎴戜滑鐢ㄩ紶鏍囨寜ctrl鐐瑰嚮鎴戜滑寮曞叆鐨剉ue锛岀劧鍚庣偣鍑籿ue鏂囦欢澶逛笅鐨刣ist鏂囦欢涓嬬殑vue锛屽湪杩欎釜婧愮爜閲岄潰鍔犱竴鍙ワ紝鐪嬭兘涓嶈兘璺戣捣鏉ャ€傝櫧鐒惰繕鏄姤閿欙紝浣嗘槸鎴戜滑鎵撳嵃鐨勯偅鍙ヨ瘽宸茬粡鍑烘潵浜嗐€傦紙铏界劧vue...js閭ｄ箞澶氾紝浣犳€庝箞鐭ラ亾鏄繖涓殑锛熸祴璇曡繃锛屼翰鑷祴璇曡繃锛夊湪鎶ラ敊淇℃伅涓憡璇夋垜浠紝濡傛灉寮曞叆瀹屾暣鐗堢殑vue涔熻兘瑙ｅ喅闂锛岄偅鎴戜滑灏卞紩鐢ㄥ畬鏁磋矾寰勶紝鎴戜滑娴嬭瘯涓€涓嬶紝鐪嬬湅鑳戒笉鑳界敤锛熸垜寮曞叆瀹屾暣鐗坴ue鍚庯紝鎴戦」鐩腑鐨勫唴瀹瑰凡缁忔樉绀哄嚭鏉ヤ簡锛屾帶鍒跺彴涔熶笉浼氬啀鎶ラ敊浜嗐€傝繖鏃跺€欏ぇ瀹朵篃浼氭兂锛屾棦鐒跺紩鍏ュ畬鏁寸殑vue.js灏卞彲浠ュ垎鏋愭ā鏉匡紝涓轰粈涔堣繕瑕佸啓render鍑芥暟鍛紵鍘熷洜澶ц嚧濡備笅锛氳繖涓ā鏉垮紩鎿庡彧鑳藉湪鎴戜滑鐢熶骇鐨勬椂鍊欎娇鐢ㄣ€傛垜浠湪浣跨敤webpack鎵撳寘鐨勬椂鍊欙紝鏄笉闇€瑕乿ue鑷甫鐨勬ā鏉垮紩鎿庣殑銆俉ebpack宸茬粡甯垜浠妸vue鏂囦欢瑙ｆ瀽鎴愪簡娴忚鍣ㄥ彲浠ヨ瘑鍒殑.js銆?css銆?html鏂囦欢锛屾墍浠ue寮曟搸灏辨病鏈夌户缁瓨鍦ㄧ殑蹇呰浜嗐€傦紙澶у鍙互鎶婂畠鐪嬫垚涓€涓伐鍏凤紝闇€瑕佺敤灏辩敤锛屼笉鐢ㄥ氨鎵旀帀鍝堝搱锛変絾鏄鏋滄垜浠竴瀹氳鏈変竴涓牬鐗堟湰鐨剉ue鎬庝箞鍔烇紵杩欎釜娓叉煋鍑芥暟鍦ㄨ繖閲屽仛浠€涔堬紵鍏舵锛屾垜浠潵鐪嬬湅render鍑芥暟鐨勬晥鏋溿€傚綋鎴戜滑鏀规垚vue.js鐨勪笉瀹屾暣鐗堟湰锛屽啓render鍑芥暟锛屽氨鍙互鎴愬姛杩愯浜嗐€傛帴涓嬫潵锛屾垜浠皢涓€姝ユ鍒嗘瀽杩欎釜鍑芥暟銆傚嚭鏉ヤ簡锛氭垜浠厛鎶婂畠鎷嗘垚涓€涓櫘閫氱殑鍑芥暟锛岀湅鐪嬮暱鍟ユ牱render(h){console.log(h)returnnull}鎴愪负涓€涓嚱鏁般€傚畠鐨勮繑鍥炲€间篃鏄嚱鏁癱reateElement()銆傚厛瑙ｉ噴涓€涓嬫垜鐨刣emo宸ョ▼鐨勭粨鏋勶紝浣犲啀鎯虫兂銆傛垜鏈変竴涓狝pp缁勪欢鍜屽洓涓粍浠秝idgets锛屽湪App閲岄潰寮曞叆浜嗭紝鑰岃繖涓濂芥湁鍥涗釜鍙傛暟锛岃€宑reateElement()鍒氬ソ鏄竴涓獀m锛屽悗闈㈠氨鏄繖鍥涗釜鍙傛暟銆傛垜浠氨绠€鍗曠殑鎶婂畠鎯宠薄鎴愪竴涓湁鍥涗釜寮熷紵鐨凙pp鍚у搱鍝堛€傞偅涔堟崲鍙ヨ瘽璇达紝濡傛灉鎴戜滑鍐欎竴涓櫘閫氱殑鍑芥暟锛屽氨鏄笅闈㈢殑staterender(h){console.log(h)returnh(App)}鍥犱负鎴戜滑鐨勭粍浠堕兘鏄湪App閲岄潰鐨勶紝鎵€浠ユ垜浠湡鐨勫彧闇€瑕乺ender搴旂敤绋嬪簭銆備絾鏄繖閲屽叾瀹炰笉鍙玥锛屽畠鐨勭湡姝ｅ悕璇嶆槸createElmentrender(createElment){returncreateElment(App)}鐒跺悗绠€鍖栨垚涓€涓澶村嚱鏁帮紝鎴愪负鑴氭墜鏋朵腑鐨剅ender锛歨=>h(App)鍏朵腑render鍏跺疄灏辨槸App缁勪欢娓叉煋鍜岃剼鎵嬫灦鐨勬柟渚跨‘瀹炴柟渚夸簡寰堝锛屼絾鏄‘瀹炲皝瑁呬簡寰堝鎴戜滑鐪嬩笉鍒扮殑涓滆タ銆傝櫧鐒跺畠鍙互鐢ㄦ墜鏉ヤ娇鐢紝浣嗘槸鍥犱负瀹冪殑绠€鍗曪紝鎴戞兂鎴戜滑瀵瑰畠鐨勭悊瑙ｅ湪寰堥暱寰堥暱鐨勪竴娈佃瘽閲岄兘浼氭诞鍑烘按闈€傚悗璁帮紝涓€璧峰姫鍔涘惂锛侊紒锛佹枃涓鏈変笉瓒充箣澶勶紝璇峰強鏃舵寚鍑猴紝鍦ㄦ琛ㄧず琛峰績鐨勬劅璋€傜焊涓婅皥鍏电殑鎴愭灉鎬绘槸鑲ゆ祬鐨勶紝鎴戠煡閬撹繖浠朵簨蹇呴』瑕佸仛銆傚ぇ瀹跺ソ锛屾垜鏄崥涓诲畞鍦ㄦ烦锛氫竴涓儹鐖辨枃鑹哄嵈璧颁笂缂栫▼閬撹矾鐨勯椤甸潚骞淬€傚笇鏈涳細褰撴垜浠浉閬囨椂锛屾垜浠皢鏈夋墍鎴愬氨銆?/p>
