[{"data":1,"prerenderedAt":193},["ShallowReactive",2],{"/articles/nuxt4-guide":3},{"id":4,"title":5,"body":6,"date":179,"description":180,"extension":181,"featured":182,"meta":183,"navigation":184,"path":185,"seo":186,"stem":187,"tags":188,"__hash__":192},"articles/articles/nuxt4-guide.md","Nuxt 4 新特性详解",{"type":7,"value":8,"toc":169},"minimark",[9,14,18,23,31,41,44,48,61,65,76,80,87,130,133,159,162,165],[10,11,13],"h2",{"id":12},"nuxt-4-新特性","Nuxt 4 新特性",[15,16,17],"p",{},"Nuxt 4 带来了许多令人兴奋的新特性，让我们一起来看看。",[19,20,22],"h3",{"id":21},"_1-app-directory-模式","1. App Directory 模式",[15,24,25,26,30],{},"Nuxt 4 推荐使用 ",[27,28,29],"code",{},"app/"," 目录来组织源代码：",[32,33,38],"pre",{"className":34,"code":36,"language":37},[35],"language-text","├── app/\n│   ├── components/\n│   ├── pages/\n│   ├── composables/\n│   └── app.vue\n├── public/\n└── nuxt.config.ts\n","text",[27,39,36],{"__ignoreMap":40},"",[15,42,43],{},"这种结构更加清晰，便于管理大型项目。",[19,45,47],{"id":46},"_2-改进的-typescript-支持","2. 改进的 TypeScript 支持",[49,50,51,55,58],"ul",{},[52,53,54],"li",{},"更好的类型推断",[52,56,57],{},"自动导入类型",[52,59,60],{},"改进的 IDE 支持",[19,62,64],{"id":63},"_3-性能优化","3. 性能优化",[49,66,67,70,73],{},[52,68,69],{},"更快的构建速度",[52,71,72],{},"更小的包体积",[52,74,75],{},"改进的热重载",[19,77,79],{"id":78},"_4-兼容性日期","4. 兼容性日期",[15,81,82,83,86],{},"使用 ",[27,84,85],{},"compatibilityDate"," 来确保项目稳定性：",[32,88,92],{"className":89,"code":90,"language":91,"meta":40,"style":40},"language-ts shiki shiki-themes github-light github-dark","export default defineNuxtConfig({\n  compatibilityDate: '2025-07-15'\n})\n","ts",[27,93,94,114,124],{"__ignoreMap":40},[95,96,99,103,106,110],"span",{"class":97,"line":98},"line",1,[95,100,102],{"class":101},"szBVR","export",[95,104,105],{"class":101}," default",[95,107,109],{"class":108},"sScJk"," defineNuxtConfig",[95,111,113],{"class":112},"sVt8B","({\n",[95,115,117,120],{"class":97,"line":116},2,[95,118,119],{"class":112},"  compatibilityDate: ",[95,121,123],{"class":122},"sZZnC","'2025-07-15'\n",[95,125,127],{"class":97,"line":126},3,[95,128,129],{"class":112},"})\n",[10,131,132],{"id":132},"升级指南",[134,135,136,143,149,152],"ol",{},[52,137,138,139,142],{},"更新 ",[27,140,141],{},"package.json"," 中的依赖版本",[52,144,145,146,148],{},"将源代码移动到 ",[27,147,29],{}," 目录",[52,150,151],{},"检查废弃的 API 并迁移到新 API",[52,153,154,155,158],{},"运行 ",[27,156,157],{},"nuxt prepare"," 更新类型定义",[10,160,161],{"id":161},"结语",[15,163,164],{},"Nuxt 4 是一个重要的版本更新，带来了更好的开发体验和性能。",[166,167,168],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":40,"searchDepth":116,"depth":116,"links":170},[171,177,178],{"id":12,"depth":116,"text":13,"children":172},[173,174,175,176],{"id":21,"depth":126,"text":22},{"id":46,"depth":126,"text":47},{"id":63,"depth":126,"text":64},{"id":78,"depth":126,"text":79},{"id":132,"depth":116,"text":132},{"id":161,"depth":116,"text":161},"2026-06-05","深入了解 Nuxt 4 的新特性和改进","md",false,{},true,"/articles/nuxt4-guide",{"title":5,"description":180},"articles/nuxt4-guide",[189,190,191],"Nuxt","Vue","前端","C-997_lULlclB65jzE-HH_ztaewNEAEUL_hD2qug9Bo",1783865040335]