什么是单文件组件？

Vue中的单文件组件是Vue组件的文件格式。

扩展名为.vue的文件，每个.vue文件都可用来定义一个单文件组件。

每个单文件组件由模板、样式和逻辑3个部分构成。

1. 模板：模板用于搭建当前组件的DOM结构，其代码写在<template>标签中。

2. 样式：样式是指通过CSS代码为当前组件设置样式，其代码写在<style>标签中。

3. 逻辑：逻辑是指通过JavaScript代码处理组件的数据与业务，其代码写在<script>标签中。

<template>
  <!-- 此处编写组件的结构 -->
</template>
<script>
/* 此处编写组件的逻辑 */
</script>
<style>
/* 此处编写组件的样式 */
</style>