在最初使用webpack+vue時，看到vue里面各種語法，包括import，export，html和css的寫作方式，我都能依葫蘆畫瓢地實現(xiàn)各種功能，但是為什么能這樣寫，一直不太理解，直到我了解了vue-loader。

成都創(chuàng)新互聯(lián)公司服務(wù)項目包括巧家網(wǎng)站建設(shè)、巧家網(wǎng)站制作、巧家網(wǎng)頁制作以及巧家網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，巧家網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到巧家省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

vue-loader功能

如圖，webpack的功能就是將左側(cè)用戶編寫的代碼（只要有相應(yīng)的loader，可以使用任何符合自己習(xí)慣的編寫方式）轉(zhuǎn)換成右側(cè)瀏覽器能識別的js。

vue-loader就是告訴webpack如何將vue格式的文件轉(zhuǎn)換成js。

vue組件格式

.vue 文件是一個自定義的文件類型，用類 HTML 語法描述一個 Vue 組件。每個 .vue 文件包含三種類型的頂級語言塊