Nuxt Content v3 中数组字段的筛选困境与性能优化
💡
原文中文，约2800字，阅读约需7分钟。
📝
内容提要
Nuxt Content 是处理 Markdown 和 YAML 的模块。在使用 Nuxt v4 和 v3 时，数组字段筛选存在问题。v3 不支持 $contains 操作，需要使用 SQLite 的 LIKE 语法来优化查询，以减少 _payload.json 文件体积并提升性能。
🎯
关键要点
- Nuxt Content 是处理 Markdown 和 YAML 的模块。
- 在 Nuxt v3 中，数组字段筛选存在问题，$contains 操作不被支持。
- 使用 SQLite 的 LIKE 语法可以优化查询，减少 _payload.json 文件体积。
- Nuxt Content v2 支持类似 MongoDB 的 JSON 文档查询语法，方便进行标签筛选。
- Nuxt Content v3 的 queryCollection API 需要遵循 SQL 语法，导致数组字段筛选变得复杂。
- 使用 .where() 方法时，字段名必须作为首个参数传入。
- 通过手动过滤文章标签，虽然满足需求，但导致 _payload.json 文件体积膨胀。
- 利用 SQLite 的字符串操作特性，通过 LIKE 语法进行数组包含筛选，显著降低文件体积。
- 优化后，tags 目录体积从 2.9MiB 降至 1.4MiB，单个 _payload.json 体积从 23.1KiB 降至 1.01KiB。
❓
延伸问答
Nuxt Content v3 中数组字段筛选的主要问题是什么？
Nuxt Content v3 不支持 $contains 操作，导致数组字段筛选变得复杂。
如何在 Nuxt Content v3 中优化数组字段的查询？
可以使用 SQLite 的 LIKE 语法来优化查询，减少 _payload.json 文件体积。
Nuxt Content v2 和 v3 在查询语法上有什么区别？
v2 支持类似 MongoDB 的 JSON 文档查询语法，而 v3 需要遵循 SQL 语法。
使用 .where() 方法时需要注意什么？
.where() 方法的字段名必须作为首个参数传入。
优化后 _payload.json 文件的体积变化如何？
优化后，单个 _payload.json 的体积从 23.1KiB 降至 1.01KiB。
如何手动过滤文章标签以满足需求？
可以通过手动过滤文章标签，但这会导致 _payload.json 文件体积膨胀。
🏷️
标签
➡️
