Vue 模板

单文件组件 (SFC)

正如您在上面的代码示例中看到的，我们的 Vue 应用程序的 HTML 部分也可以收集在 Vue 实例内，但这并不能让您更轻松地在 HTML 文件中获得概览。

为了获得更好的概览，更轻松地处理更大的项目，并获得更好的开发环境，我们现在将改用 SFC 或 *.vue 文件编写 Vue 代码。

所有 *.vue 文件仅由三部分组成:

• <template> 代表 HTML 内容所在的位置。

• <script> 代表我们的 Vue 代码。

• <style> 代表我们编写 CSS 样式的位置。

但是在我们的项目中使用 *.vue 文件之前，我们需要以不同的方式设置我们的计算机。 本教程的下几页将对此进行解释。