总结

在本章中，我们成功涵盖了 Nuxt 中的插件（plugins）和模块（modules）。您已了解到，它们本质上是 JavaScript 函数，可以自行创建或从外部导入。同时，您学会了通过将全局函数注入 Vue 实例或 Nuxt 上下文（或两者）来为 Nuxt 应用创建全局功能，并实现了仅客户端（client-only）和仅服务端（server-only）的函数。最后，您还掌握了以下技能：

  • 使用 addPlugin 辅助工具创建模块片段来添加 JavaScript 库

  • 全局引入 CSS 库

  • 通过 Lodash 模板条件化修改已注册插件的输出

  • 在 Nuxt 默认的 webpack 配置中添加加载器（loaders）和插件

  • 利用 Nuxt 生命周期事件钩子（如 modules:done）创建任务

在接下来的章节中，我们将探索 Vue 表单及其在 Nuxt 应用中的集成。您将深入理解 v-model 在文本输入框（text）、多行文本框（textarea）、复选框（checkbox）、单选按钮（radio）和下拉框（select）等 HTML 元素中的工作原理，并学习如何在 Vue 应用中验证这些元素。内容包括：

  • 绑定默认值和动态数据

  • 使用修饰符（如 .lazy 和 .trim）调整或强制输入值

  • 通过 Vue 插件 vee-validate 实现表单验证

  • 最终将这些技术应用于 Nuxt 应用

我们将为您提供流畅的实践指导，敬请期待。