SFC

.vue 单文件组件 (SFC) 规范
1.<template>模板块 一个SFC中最多一个< template >块； 其内容将被提取为字符串传递给 vue-template-compiler ，然后webpack将其编译为js渲染函数，并最终注入到从 <script> 导出的组件中；
2. <script>脚本块 一个SFC最多一个<script>块； 它的默认导出应该是一个 Vue.js 的组件选项对象，也可以导出由 Vue.extend() 创建的扩展对象。 思考：Vue.extend() 中 data 必须是函数，所以在.vue SFC的script中，export中的data是函数
3. <style>样式块 一个 .vue 文件可以包含多个 <style> 标签； 可以使用scope和module进行封装； 具有不同封装模式的多个<style> 标签可以在同一个组件中混合使用；
4. 自定义语言块 vue-loader 将会使用块名来查找对应的 loader 进行处理，需要配置webpack.config
5.所有语言块支持 src 导入 导入路径遵循和 webpack 模块请求相同的路径解析规则 相对路径需要以../开始