Vue的工具篇-单文件组件

Vue单文件组件缩写为SFC，又名.vue文件，是一种特殊的文件格式

它将Vue组件的模板、逻辑与样式封装在单个.vue文件中

每个*.vue文件由三部分组成：<template>、<script>和<style>

1. <script>部分是一个标准的JS模块，里头应该默认导出一个Vue组件定义
2. <template>部分定义了组件的模板
3. <style> 部分定义了与此组件关联的CSS

为了方便我将相关内容简记如下图：

1单文件组件.png

更多相关原图和原始文件已上传GitHub，一来方便批量下载相关脑图，二来可以方便你按照自己的的思路进行修改！

GitHub地址：https://github.com/jCodeLife/mind-map