Vue 文件

在 vue 项目中使用 *.vue 文件是有意义的，因为：

• 使用模板和组件可以更容易地处理较大的项目。
• 我们可以通过 https 协议查看和测试我们的项目，就像用户会看到页面一样。
• 保存更改后，页面会立即更新，无需重新加载。
• 这就是 Vue 中真实网页的构建方式。
• 这就是开发人员的工作方式。

为何使用 Vue 文件?

正如我们在上一页关于 Vue 中的模板和组件所看到的，现在需要不同的工作方式，因为我们希望：

• 有更大的项目
• 在一个地方收集所有与 Vue 相关的代码
• 使用 Vue 中的组件（我们很快就会讨论这个问题）
• 编辑器中支持突出显示和自动完成
• 自动更新浏览器

为了使这一切成为可能，我们不得不切换到 *.vue 文件。

如何使用?

SFCs（单文件组件）或 .vue 文件更容易使用，但不能直接在浏览器中运行，因此我们需要设置计算机将 .vue 文件编译为 .html、.css 和 *.js 文件，以便浏览器可以运行我们的 vue 应用程序。为了基于 SFCs 构建我们的网页，我们使用一个名为 Vite 的程序作为构建工具，我们在 VSCode 编辑器中编写代码，并使用 Vue 3 语言功能的 Volar 扩展。