Vue 资源
现在,我们将通过提供一些资源来结束对 Vue 的学习,这些资源可以帮助您更深入地学习,以及一些其他有用的提示。
先决条件 |
熟悉核心 HTML、CSS 和 JavaScript 语言,了解 终端/命令行。 Vue 组件是作为 JavaScript 对象的组合编写的,这些对象管理应用程序的数据,以及与底层 DOM 结构相映射的基于 HTML 的模板语法。对于安装以及使用 Vue 的一些更高级功能(如单文件组件或渲染函数),您将需要一个安装了 node + npm 的终端。 |
---|---|
目标 | 了解在哪里可以找到有关 Vue 的更多信息,以继续您的学习。 |
更多资源
以下是可以学习有关 Vue 的更多内容的地方
- Vue 文档 — Vue 的主要网站。包含全面的文档,包括示例、食谱和参考材料。这是深入学习 Vue 的最佳起点。
- Vue GitHub 仓库 — Vue 代码本身。您可以在此处报告问题和/或直接贡献到 Vue 代码库。研究 Vue 源代码可以帮助您更好地了解框架的工作原理,并编写更好的代码。
- Vue 讨论 — 获取有关 Vue 帮助的官方论坛。
- Vue CLI 文档 — Vue CLI 的文档。其中包含有关自定义和扩展您通过 CLI 生成的输出的信息。
- Nuxt — Nuxt 是一个服务器端 Vue 框架,它具有一些架构上的观点,可以帮助创建可维护的应用程序,即使您不使用它提供的任何服务器端渲染功能。该网站提供了有关使用 Nuxt 的详细文档。
- Vue Mastery — 一个付费教育平台,专门从事 Vue,包括一些免费课程。
- Vue School — 另一个专门从事 Vue 的付费教育平台。
构建和发布你的 Vue 应用
Vue CLI 还为我们提供了将应用程序准备发布到网络的工具。您可以像这样进行操作
- 如果您的本地服务器仍在运行,请在终端中按 Ctrl + C 结束它。
- 接下来,在控制台中运行
npm run build
(或yarn build
)。
这将创建一个新的 dist
目录,其中包含所有可用于生产环境的文件。要将您的网站发布到网络,请将此文件夹的内容复制到您的托管环境中。
注意:Vue CLI 文档还包括一个 关于如何将您的应用程序发布到许多常见托管平台的特定指南。
Vue 2
Vue 2 支持将于 2023 年 12 月 31 日结束,所有 CLI 工具的默认 Vue 版本将为 3 及更高版本。 组合 API 作为基于属性的 API 的替代方案,其中 setup()
函数用于组件。只有您从此函数返回的内容在您的 <template>
中可用。在使用此 API 时,您需要明确“响应式”属性。Vue 使用 选项 API 为您处理此问题。这使得新的 API 通常被认为是更高级的使用案例。
如果您要从 Vue 2 升级,建议您查看 Vue 3 迁移指南。