vue-loader 是一個webpack 的loader，並且vue-loader的特性：
- ES2015 默認支持;
- 允許對 Vue 組件的組成部分使用其它 Webpack loaders，比如對
<style>使用 SASS 和對<template>使用 Jade； .vue文件中允許自定義節點，然后使用自定義的 loader 處理他們；- 把
<style>和<template>中的靜態資源當作模塊來對待，並使用 Webpack loaders 進行處理； - 對每個組件模擬出 CSS 作用域；
- 支持開發期組件的熱重載。
創建一個vue-loader項目的命令，使用vue-cli來創建vue-loader項目:
npm install -g vue-cli
vue init webpack-simple vue-test(項目名稱)
cd vue-test
npm install
npm run dev
vue-loader
css注意
style 中可以有屬性scoped 也可以沒有 當加入scoped屬性時，style中的css 只作用於當前的組件元素中，但是對於屬性的樣式如：p{color: red} 在作用域中性能會比class .class{color: red} 的樣式要慢很多
在遞歸組件中小心使用后代選擇器! 對於帶有選擇器 .a .b 的CSS 規則，如果元素 .a 包含遞歸子組件，所有的子組件中的 .b 會被匹配。
一個組件中可以有多個style標簽
css模塊，使用module 屬性，在組件的class中可以使用$style這個計算屬性 如：<p :class=$style.blue></p> 也可以使用對象／數組。如：< p :class="[$style.blue, $style.yellow]"></p> < p :class="{ [$style.red]: isRed }"></p>
熱重載，啟用熱重載后，當你修改 .vue 文件時，所有該組件的實例會被替換，並且不需要刷新頁面。