单文件组件

1. 什么是单文件组件：

把一个组件全部内容汇合到一个文件中，文件名字是以 .vue 结尾的就称作 vue单文件组件

2. 最简单使用

• 通过Vuecli创建一个空的项目并运行
• 创建单文件组件 src/component/01.单文件组件.vue
• src/main.js 文件中导入、注册组件
• public/index.html 文件 使用 单文件组件

3. 组织结构

<template>
  相关html标签
</template>

<script>
  export default {
    data,
    methods,
    computed,
    filters,
    created,
    ……
  }
</script>

<style>
  css样式内容
</style>