sfc

.vue 單文件組件 (SFC) 規範 ^[1] 

一個SFC中最多一個< template >塊；

其內容將被提取為字符串傳遞給 vue-template-compiler ，然後webpack將其編譯為js渲染函數，並最終注入到從 <script> 導出的組件中；

一個SFC最多一個<script>塊；

它的默認導出應該是一個 Vue.js 的組件選項對象，也可以導出由 Vue.extend() 創建的擴展對象。

思考：Vue.extend() 中 data 必須是函數，所以在.vue SFC的script中，export中的data是函數

一個 .vue 文件可以包含多個 <style> 標籤；

可以使用scope和module進行封裝；

具有不同封裝模式的多個<style> 標籤可以在同一個組件中混合使用；

vue-loader 將會使用塊名來查找對應的 loader 進行處理，需要配置webpack.config

導入路徑遵循和 webpack 模塊請求相同的路徑解析規則

// 相對路徑需要以../開始

<template src="./template.html"></template>

<style src="./style.css"></style>

<script src="./script.js"></script>