1. vue鏂囦歡鍚嶆墿灞曞悕浠ヤ粈涔堢粨灝
Vue 鏂囦歡鐨勬墿灞曞悕閫氬父浠.vue緇撳熬銆備竴涓鍏稿瀷鐨 Vue 鍗曟枃浠剁粍浠訛紙Single File Component錛夌殑鎵╁睍鍚嶅氨鏄.vue銆
渚嬪傦紝涓涓鍚嶄負MyComponent.vue鐨勬枃浠跺彲鑳藉寘鍚涓変釜閮ㄥ垎錛
- <template>錛氱敤浜庡畾涔夌粍浠剁殑 HTML 緇撴瀯銆
- <script>錛氱敤浜庡畾涔夌粍浠剁殑閫昏緫錛岄氬父鍖呮嫭 Vue 緇勪歡鐨勯夐」錛堝 data銆乵ethods銆乧omputed 絳夛級銆
- <style>錛氱敤浜庡畾涔夌粍浠剁殑鏍峰紡銆
榪欑.vue鏂囦歡鏍煎紡浣垮緱 Vue 緇勪歡鐨勭粨鏋勫拰鍐呭規洿鍔犳竻鏅板拰鏄撲簬綆＄悊銆
鎷撳睍璧勬枡
Vue 鐨勭粍浠朵富瑕佹湁浠ヤ笅鍑犵嶏細
- 鍏ㄥ矓緇勪歡錛氱敤“app.component()”鏂規硶鏉ユ敞鍐岀殑鍏ㄥ矓緇勪歡錛屽彲浠ュ湪搴旂敤鐨勪換浣曠粍浠舵ā鏉誇腑浣跨敤銆
- 灞閮ㄧ粍浠訛細鍦ㄤ竴涓錛堢埗錛夌粍浠朵腑鐨“components”閫夐」涓娉ㄥ唽鐨勭粍浠躲
- 鍔ㄦ佺粍浠訛細鏍規嵁緇欏睘鎬is緇戝畾鍊肩殑涓嶅悓鏉ユ覆鏌撲笉鍚屽悕縐扮殑緇勪歡銆
- 寮傛ョ粍浠訛細鍦ㄥ姞杞介〉闈㈡椂騫朵笉絝嬪嵆娓叉煋錛岃屾槸瑕佺瓑甯︿竴浜涗笟鍔￠昏緫瀹屾垚鍚庯紝鎵嶄細鎵ц岀粍浠跺唴鐨勯昏緫鍜屾覆鏌撳埌欏甸潰涓娿
- 鑷瀹氫箟鎸囦護錛歏ue 鎻愪緵浜嗚嚜瀹氫箟鎸囦護鍔熻兘錛屽厑璁鎬綘鍒涘緩鍙澶嶇敤鐨勮屼負銆
- 榪囨浮鍜屽姩鐢伙細Vue 鎻愪緵浜嗚繃娓″拰鍔ㄧ敾鍔熻兘錛屽彲浠ヤ嬌鐢 CSS3 榪囨浮鍜屽姩鐢繪潵鍒涘緩騫蟲粦鐨勫姩鐢繪晥鏋溿
- 鎻掓Ы錛氭彃妲芥槸 Vue 鎻愪緵鐨勪竴縐嶆満鍒訛紝鐢ㄤ簬鍦ㄧ粍浠舵ā鏉誇腑瀹氫箟鍙澶嶇敤鐨勫唴瀹瑰尯鍩熴
- 鑷瀹氫箟浜嬩歡錛歏ue 鍏佽鎬綘鍒涘緩鑷瀹氫箟浜嬩歡錛屽苟鍙浠ュ湪緇勪歡涔嬮棿浼犻掓暟鎹銆
- 琛ㄥ崟鎺т歡錛歏ue 鎻愪緵浜嗕竴浜涜〃鍗曟帶浠訛紝濡傝緭鍏ユ嗐佷笅鎷夋嗐佸崟閫夋嗙瓑銆
- 鐢熷懡鍛ㄦ湡閽╁瓙錛歏ue 鎻愪緵浜嗕竴浜涚敓鍛藉懆鏈熼挬瀛愬嚱鏁幫紝鍙浠ュ湪緇勪歡鐨勪笉鍚岄樁孌墊墽琛岀壒瀹氱殑鎿嶄綔銆
浠ヤ笂鏄 Vue 鐨勪富瑕佺粍浠剁嶇被錛屼嬌鐢ㄨ繖浜涚粍浠跺彲浠ユ瀯寤哄嚭鍚勭嶅嶆潅鐨勫墠絝搴旂敤銆
2. vue緙栬瘧鍚庣殑js鍙嶇紪璇戜負vue
1銆佸湪Vue欏圭洰涓瀹夎厀ebpack鍜寁ue-loader銆
2銆佸湪webpack鐨勯厤緗鏂囦歡涓鍚鐢╯ourcemap銆
2銆侀噸鏂拌繍琛岄」鐩錛屽氨鍙浠ュ湪嫻忚堝櫒鐨勫紑鍙戣呭伐鍏蜂腑鏌ョ湅緙栬瘧鍚庣殑浠ｇ爜鐨勬簮鐮佹槧灝勪簡銆