[{"data":1,"prerenderedAt":444},["ShallowReactive",2],{"toc-zh-\u002F":3,"page-zh-\u002F":277},{"id":4,"title":5,"body":6,"description":269,"extension":270,"meta":271,"navigation":272,"path":273,"seo":274,"stem":275,"__hash__":276},"content_zh\u002Findex.md","Nuxt Dict",{"type":7,"value":8,"toc":261},"minimark",[9,18,23,26,51,56,60,100,104,142,151,154,255],[10,11,12,13,17],"p",{},"Nuxt Dict 是一个 Nuxt 4 模块，帮你轻松管理项目中的",[14,15,16],"strong",{},"字典数据","（也叫数据字典、码表、枚举值）。",[19,20,22],"h2",{"id":21},"什么是字典数据","什么是字典数据？",[10,24,25],{},"在你的日常开发中，一定会遇到这些场景：",[27,28,29,42,45,48],"ul",{},[30,31,32,33,37,38,41],"li",{},"表格里\"性别\"列显示的是 ",[34,35,36],"code",{},"male"," \u002F ",[34,39,40],{},"female","，但用户想看到的是\"男\" \u002F \"女\"",[30,43,44],{},"下拉框的可选项\"行业类型\"需要从后端接口获取",[30,46,47],{},"省市区选择器需要树形数据结构",[30,49,50],{},"项目要支持多语言，同一个下拉框在中文和英文环境下显示不同的文字",[10,52,53],{},[14,54,55],{},"字典模块就是专门解决这些问题的。",[19,57,59],{"id":58},"这个模块能做什么","这个模块能做什么？",[27,61,62,72,82,88,94],{},[30,63,64,67,68,71],{},[14,65,66],{},"useDict"," — 根据字典类型获取数据，直接返回 ",[34,69,70],{},"{ value, label }[]"," 格式，无缝对接 Nuxt UI \u002F Element Plus \u002F Vant",[30,73,74,77,78,81],{},[14,75,76],{},"useDictTree"," — 树形字典支持，提供 ",[34,79,80],{},"findPath"," 路径回溯（如区号找完整省市区）",[30,83,84,87],{},[14,85,86],{},"useLocale"," — 多语言管理，支持 cookie \u002F header \u002F query 三种语言检测方式",[30,89,90,93],{},[14,91,92],{},"三级缓存"," — 内存 → IndexedDB → API，自动版本检测与失效",[30,95,96,99],{},[14,97,98],{},"SSR 预取"," — 服务端预取字典数据，首屏直出无需等待",[19,101,103],{"id":102},"快速开始3-步","快速开始（3 步）",[105,106,107,116,133],"ol",{},[30,108,109,112,113],{},[14,110,111],{},"安装","：",[34,114,115],{},"pnpm add @lacqjs\u002Fnuxt-dict",[30,117,118,121,122,125,126,129,130],{},[14,119,120],{},"注册","：在 ",[34,123,124],{},"nuxt.config.ts"," 的 ",[34,127,128],{},"modules"," 中添加 ",[34,131,132],{},"'@lacqjs\u002Fnuxt-dict'",[30,134,135,138,139],{},[14,136,137],{},"使用","：在任意页面中写 ",[34,140,141],{},"const { data, translate } = useDict('gender')",[143,144,145],"blockquote",{},[10,146,147,150],{},[14,148,149],{},"你需要什么基础？"," 理想情况下，你不需要懂 Nuxt，甚至不需要懂 Vue。只要你会用电脑、会打字，跟着这篇文档一步一步做，就能把字典功能用在你的项目里。",[19,152,153],{"id":153},"文档导航",[155,156,157,170],"table",{},[158,159,160],"thead",{},[161,162,163,167],"tr",{},[164,165,166],"th",{},"章节",[164,168,169],{},"适合谁",[171,172,173,195,210,225,240],"tbody",{},[161,174,175,192],{},[176,177,178,183,184,183,188],"td",{},[179,180,182],"a",{"href":181},"\u002Fguide\u002Fenvironment","环境准备"," → ",[179,185,187],{"href":186},"\u002Fguide\u002Finstallation","安装模块",[179,189,191],{"href":190},"\u002Fguide\u002Ffirst-dict","第一个字典",[176,193,194],{},"零基础，第一次使用",[161,196,197,207],{},[176,198,199,202,203],{},[179,200,66],{"href":201},"\u002Fguide\u002Fuse-dict"," ∼ ",[179,204,206],{"href":205},"\u002Fguide\u002Fdollar-dict","$dict",[176,208,209],{},"了解每个 API 的详细用法",[161,211,212,222],{},[176,213,214,202,218],{},[179,215,217],{"href":216},"\u002Fadvanced\u002Fmulti-store","多仓库",[179,219,221],{"href":220},"\u002Fadvanced\u002Ffull-config","配置全解",[176,223,224],{},"需要在生产环境中深度使用",[161,226,227,237],{},[176,228,229,37,233],{},[179,230,232],{"href":231},"\u002Fintegration\u002Felement-plus","Element Plus",[179,234,236],{"href":235},"\u002Fintegration\u002Fvant","Vant",[176,238,239],{},"对接 UI 库的完整示例",[161,241,242,252],{},[176,243,244,37,248],{},[179,245,247],{"href":246},"\u002Fappendix\u002Fapi-reference","API 速查表",[179,249,251],{"href":250},"\u002Fappendix\u002Ffaq","常见问题",[176,253,254],{},"快速查阅",[10,256,257,258,260],{},"准备好了吗？从 ",[179,259,182],{"href":181}," 开始吧！",{"title":262,"searchDepth":263,"depth":263,"links":264},"",2,[265,266,267,268],{"id":21,"depth":263,"text":22},{"id":58,"depth":263,"text":59},{"id":102,"depth":263,"text":103},{"id":153,"depth":263,"text":153},"Nuxt 数据字典模块，提供扁平\u002F树形字典翻译、多语言国际化、三级缓存与 SSR 预取。","md",{},true,"\u002F",{"title":5,"description":269},"index","7IHrdcT6Wnd-DaSpoqun216TjDFRp0Jf5M6DSja-Nj0",{"id":4,"title":5,"body":278,"description":269,"extension":270,"meta":442,"navigation":272,"path":273,"seo":443,"stem":275,"__hash__":276},{"type":7,"value":279,"toc":436},[280,284,286,288,302,306,308,334,336,360,366,368,432],[10,281,12,282,17],{},[14,283,16],{},[19,285,22],{"id":21},[10,287,25],{},[27,289,290,296,298,300],{},[30,291,32,292,37,294,41],{},[34,293,36],{},[34,295,40],{},[30,297,44],{},[30,299,47],{},[30,301,50],{},[10,303,304],{},[14,305,55],{},[19,307,59],{"id":58},[27,309,310,316,322,326,330],{},[30,311,312,67,314,71],{},[14,313,66],{},[34,315,70],{},[30,317,318,77,320,81],{},[14,319,76],{},[34,321,80],{},[30,323,324,87],{},[14,325,86],{},[30,327,328,93],{},[14,329,92],{},[30,331,332,99],{},[14,333,98],{},[19,335,103],{"id":102},[105,337,338,344,354],{},[30,339,340,112,342],{},[14,341,111],{},[34,343,115],{},[30,345,346,121,348,125,350,129,352],{},[14,347,120],{},[34,349,124],{},[34,351,128],{},[34,353,132],{},[30,355,356,138,358],{},[14,357,137],{},[34,359,141],{},[143,361,362],{},[10,363,364,150],{},[14,365,149],{},[19,367,153],{"id":153},[155,369,370,378],{},[158,371,372],{},[161,373,374,376],{},[164,375,166],{},[164,377,169],{},[171,379,380,392,402,412,422],{},[161,381,382,390],{},[176,383,384,183,386,183,388],{},[179,385,182],{"href":181},[179,387,187],{"href":186},[179,389,191],{"href":190},[176,391,194],{},[161,393,394,400],{},[176,395,396,202,398],{},[179,397,66],{"href":201},[179,399,206],{"href":205},[176,401,209],{},[161,403,404,410],{},[176,405,406,202,408],{},[179,407,217],{"href":216},[179,409,221],{"href":220},[176,411,224],{},[161,413,414,420],{},[176,415,416,37,418],{},[179,417,232],{"href":231},[179,419,236],{"href":235},[176,421,239],{},[161,423,424,430],{},[176,425,426,37,428],{},[179,427,247],{"href":246},[179,429,251],{"href":250},[176,431,254],{},[10,433,257,434,260],{},[179,435,182],{"href":181},{"title":262,"searchDepth":263,"depth":263,"links":437},[438,439,440,441],{"id":21,"depth":263,"text":22},{"id":58,"depth":263,"text":59},{"id":102,"depth":263,"text":103},{"id":153,"depth":263,"text":153},{},{"title":5,"description":269},1782551376882]