[{"data":1,"prerenderedAt":2002},["ShallowReactive",2],{"toc-zh-\u002Fguide\u002Ffirst-dict":3,"page-zh-\u002Fguide\u002Ffirst-dict":1136},{"id":4,"title":5,"body":6,"description":1129,"extension":1130,"meta":1131,"navigation":797,"path":1132,"seo":1133,"stem":1134,"__hash__":1135},"content_zh\u002Fguide\u002Ffirst-dict.md","第一个字典功能",{"type":7,"value":8,"toc":1121},"minimark",[9,17,22,25,37,391,394,407,427,430,437,925,928,944,950,959,962,1012,1018,1046,1049,1060,1063,1117],[10,11,12,16],"p",{},[13,14,15],"strong",{},"本章目标","：独立写出一个\"性别下拉框\"，从后端字典接口获取选项数据并渲染在页面上。",[18,19,21],"h2",{"id":20},"前提准备字典数据","前提：准备字典数据",[10,23,24],{},"字典模块需要后端提供一个字典接口。为了让你快速上手，我们会在 Nuxt 项目里自己写一个假的接口作为演示。",[10,26,27,28,32,33,36],{},"在 ",[29,30,31],"code",{},"server\u002Fapi\u002Fdict\u002F"," 目录下创建一个文件 ",[29,34,35],{},"list.get.ts","：",[38,39,40,279],"code-group",{},[41,42,48],"pre",{"className":43,"code":44,"filename":45,"language":46,"meta":47,"style":47},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineEventHandler(() => {\n  return {\n    data: {\n      gender: {\n        type: 'gender',\n        items: [\n          { value: 'male', label: '男' },\n          { value: 'female', label: '女' },\n          { value: 'other', label: '其他' },\n        ],\n      },\n    },\n  };\n});\n","server\u002Fapi\u002Fdict\u002Flist.get.ts","ts","",[29,49,50,81,89,101,111,132,143,179,210,241,249,255,261,267],{"__ignoreMap":47},[51,52,55,59,62,66,70,74,78],"span",{"class":53,"line":54},"line",1,[51,56,58],{"class":57},"s7zQu","export",[51,60,61],{"class":57}," default",[51,63,65],{"class":64},"s2Zo4"," defineEventHandler",[51,67,69],{"class":68},"sTEyZ","(",[51,71,73],{"class":72},"sMK4o","()",[51,75,77],{"class":76},"spNyl"," =>",[51,79,80],{"class":72}," {\n",[51,82,84,87],{"class":53,"line":83},2,[51,85,86],{"class":57},"  return",[51,88,80],{"class":72},[51,90,92,96,99],{"class":53,"line":91},3,[51,93,95],{"class":94},"swJcz","    data",[51,97,98],{"class":72},":",[51,100,80],{"class":72},[51,102,104,107,109],{"class":53,"line":103},4,[51,105,106],{"class":94},"      gender",[51,108,98],{"class":72},[51,110,80],{"class":72},[51,112,114,117,119,122,126,129],{"class":53,"line":113},5,[51,115,116],{"class":94},"        type",[51,118,98],{"class":72},[51,120,121],{"class":72}," '",[51,123,125],{"class":124},"sfazB","gender",[51,127,128],{"class":72},"'",[51,130,131],{"class":72},",\n",[51,133,135,138,140],{"class":53,"line":134},6,[51,136,137],{"class":94},"        items",[51,139,98],{"class":72},[51,141,142],{"class":94}," [\n",[51,144,146,149,152,154,156,159,161,164,167,169,171,174,176],{"class":53,"line":145},7,[51,147,148],{"class":72},"          {",[51,150,151],{"class":94}," value",[51,153,98],{"class":72},[51,155,121],{"class":72},[51,157,158],{"class":124},"male",[51,160,128],{"class":72},[51,162,163],{"class":72},",",[51,165,166],{"class":94}," label",[51,168,98],{"class":72},[51,170,121],{"class":72},[51,172,173],{"class":124},"男",[51,175,128],{"class":72},[51,177,178],{"class":72}," },\n",[51,180,182,184,186,188,190,193,195,197,199,201,203,206,208],{"class":53,"line":181},8,[51,183,148],{"class":72},[51,185,151],{"class":94},[51,187,98],{"class":72},[51,189,121],{"class":72},[51,191,192],{"class":124},"female",[51,194,128],{"class":72},[51,196,163],{"class":72},[51,198,166],{"class":94},[51,200,98],{"class":72},[51,202,121],{"class":72},[51,204,205],{"class":124},"女",[51,207,128],{"class":72},[51,209,178],{"class":72},[51,211,213,215,217,219,221,224,226,228,230,232,234,237,239],{"class":53,"line":212},9,[51,214,148],{"class":72},[51,216,151],{"class":94},[51,218,98],{"class":72},[51,220,121],{"class":72},[51,222,223],{"class":124},"other",[51,225,128],{"class":72},[51,227,163],{"class":72},[51,229,166],{"class":94},[51,231,98],{"class":72},[51,233,121],{"class":72},[51,235,236],{"class":124},"其他",[51,238,128],{"class":72},[51,240,178],{"class":72},[51,242,244,247],{"class":53,"line":243},10,[51,245,246],{"class":94},"        ]",[51,248,131],{"class":72},[51,250,252],{"class":53,"line":251},11,[51,253,254],{"class":72},"      },\n",[51,256,258],{"class":53,"line":257},12,[51,259,260],{"class":72},"    },\n",[51,262,264],{"class":53,"line":263},13,[51,265,266],{"class":72},"  };\n",[51,268,270,273,276],{"class":53,"line":269},14,[51,271,272],{"class":72},"}",[51,274,275],{"class":68},")",[51,277,278],{"class":72},";\n",[41,280,283],{"className":43,"code":281,"filename":282,"language":46,"meta":47,"style":47},"export default defineNuxtConfig({\n  modules: ['@lacqjs\u002Fnuxt-dict'],\n  dict: {\n    api: {\n      baseURL: '', \u002F\u002F 为空表示请求本地接口\n      dictEndpoint: '\u002Fapi\u002Fdict\u002Flist', \u002F\u002F 字典列表接口路径\n    },\n  },\n});\n","nuxt.config.ts",[29,284,285,299,321,330,339,355,374,378,383],{"__ignoreMap":47},[51,286,287,289,291,294,296],{"class":53,"line":54},[51,288,58],{"class":57},[51,290,61],{"class":57},[51,292,293],{"class":64}," defineNuxtConfig",[51,295,69],{"class":68},[51,297,298],{"class":72},"{\n",[51,300,301,304,306,309,311,314,316,319],{"class":53,"line":83},[51,302,303],{"class":94},"  modules",[51,305,98],{"class":72},[51,307,308],{"class":68}," [",[51,310,128],{"class":72},[51,312,313],{"class":124},"@lacqjs\u002Fnuxt-dict",[51,315,128],{"class":72},[51,317,318],{"class":68},"]",[51,320,131],{"class":72},[51,322,323,326,328],{"class":53,"line":91},[51,324,325],{"class":94},"  dict",[51,327,98],{"class":72},[51,329,80],{"class":72},[51,331,332,335,337],{"class":53,"line":103},[51,333,334],{"class":94},"    api",[51,336,98],{"class":72},[51,338,80],{"class":72},[51,340,341,344,346,349,351],{"class":53,"line":113},[51,342,343],{"class":94},"      baseURL",[51,345,98],{"class":72},[51,347,348],{"class":72}," ''",[51,350,163],{"class":72},[51,352,354],{"class":353},"sHwdD"," \u002F\u002F 为空表示请求本地接口\n",[51,356,357,360,362,364,367,369,371],{"class":53,"line":134},[51,358,359],{"class":94},"      dictEndpoint",[51,361,98],{"class":72},[51,363,121],{"class":72},[51,365,366],{"class":124},"\u002Fapi\u002Fdict\u002Flist",[51,368,128],{"class":72},[51,370,163],{"class":72},[51,372,373],{"class":353}," \u002F\u002F 字典列表接口路径\n",[51,375,376],{"class":53,"line":145},[51,377,260],{"class":72},[51,379,380],{"class":53,"line":181},[51,381,382],{"class":72},"  },\n",[51,384,385,387,389],{"class":53,"line":212},[51,386,272],{"class":72},[51,388,275],{"class":68},[51,390,278],{"class":72},[10,392,393],{},"这个接口返回的数据结构是：",[395,396,397],"ul",{},[398,399,400,403,404,406],"li",{},[29,401,402],{},"data","：一个对象，key 是字典类型名（如 ",[29,405,125],{},"），value 是字典项列表",[408,409,410],"blockquote",{},[10,411,412,418,419,422,423,426],{},[13,413,414,417],{},[29,415,416],{},"baseURL: ''"," 是什么意思？"," 表示接口地址相对于当前网站本身。如果你有独立的字典服务，就把 ",[29,420,421],{},"baseURL"," 改成 ",[29,424,425],{},"https:\u002F\u002Fdict-api.example.com","。",[18,428,429],{"id":429},"写页面代码",[10,431,432,433,436],{},"打开 ",[29,434,435],{},"pages\u002Findex.vue","，把内容改成：",[41,438,442],{"className":439,"code":440,"filename":435,"language":441,"meta":47,"style":47},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cdiv style=\"max-width:400px;margin:40px auto;\">\n    \u003Ch2>性别选择\u003C\u002Fh2>\n    \u003Cp v-if=\"loading\" style=\"color:#999;\">加载中...\u003C\u002Fp>\n    \u003Cp v-else-if=\"error\" style=\"color:red;\">加载失败：{{ error }}\u003C\u002Fp>\n    \u003Cdiv v-else>\n      \u003Cselect v-model=\"selected\" style=\"width:100%;padding:8px;font-size:16px;\">\n        \u003Coption value=\"\">请选择性别\u003C\u002Foption>\n        \u003Coption v-for=\"opt in options\" :key=\"opt.value\" :value=\"opt.value\">\n          {{ opt.label }}\n        \u003C\u002Foption>\n      \u003C\u002Fselect>\n      \u003Cp style=\"margin-top:12px;\">\n        你选择的是：\u003Cstrong>{{ selected }}\u003C\u002Fstrong>\n      \u003C\u002Fp>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\n\nconst { options, loading, error } = useDict('gender');\nconst selected = ref('');\n\u003C\u002Fscript>\n","vue",[29,443,444,455,479,499,539,579,590,623,649,692,697,706,715,734,754,763,773,783,792,799,823,849,854,895,916],{"__ignoreMap":47},[51,445,446,449,452],{"class":53,"line":54},[51,447,448],{"class":72},"\u003C",[51,450,451],{"class":94},"template",[51,453,454],{"class":72},">\n",[51,456,457,460,463,466,469,472,475,477],{"class":53,"line":83},[51,458,459],{"class":72},"  \u003C",[51,461,462],{"class":94},"div",[51,464,465],{"class":76}," style",[51,467,468],{"class":72},"=",[51,470,471],{"class":72},"\"",[51,473,474],{"class":124},"max-width:400px;margin:40px auto;",[51,476,471],{"class":72},[51,478,454],{"class":72},[51,480,481,484,486,489,492,495,497],{"class":53,"line":91},[51,482,483],{"class":72},"    \u003C",[51,485,18],{"class":94},[51,487,488],{"class":72},">",[51,490,491],{"class":68},"性别选择",[51,493,494],{"class":72},"\u003C\u002F",[51,496,18],{"class":94},[51,498,454],{"class":72},[51,500,501,503,505,508,510,512,515,517,519,521,523,526,528,530,533,535,537],{"class":53,"line":103},[51,502,483],{"class":72},[51,504,10],{"class":94},[51,506,507],{"class":76}," v-if",[51,509,468],{"class":72},[51,511,471],{"class":72},[51,513,514],{"class":124},"loading",[51,516,471],{"class":72},[51,518,465],{"class":76},[51,520,468],{"class":72},[51,522,471],{"class":72},[51,524,525],{"class":124},"color:#999;",[51,527,471],{"class":72},[51,529,488],{"class":72},[51,531,532],{"class":68},"加载中...",[51,534,494],{"class":72},[51,536,10],{"class":94},[51,538,454],{"class":72},[51,540,541,543,545,548,550,552,555,557,559,561,563,566,568,570,573,575,577],{"class":53,"line":113},[51,542,483],{"class":72},[51,544,10],{"class":94},[51,546,547],{"class":76}," v-else-if",[51,549,468],{"class":72},[51,551,471],{"class":72},[51,553,554],{"class":124},"error",[51,556,471],{"class":72},[51,558,465],{"class":76},[51,560,468],{"class":72},[51,562,471],{"class":72},[51,564,565],{"class":124},"color:red;",[51,567,471],{"class":72},[51,569,488],{"class":72},[51,571,572],{"class":68},"加载失败：{{ error }}",[51,574,494],{"class":72},[51,576,10],{"class":94},[51,578,454],{"class":72},[51,580,581,583,585,588],{"class":53,"line":134},[51,582,483],{"class":72},[51,584,462],{"class":94},[51,586,587],{"class":76}," v-else",[51,589,454],{"class":72},[51,591,592,595,598,601,603,605,608,610,612,614,616,619,621],{"class":53,"line":145},[51,593,594],{"class":72},"      \u003C",[51,596,597],{"class":94},"select",[51,599,600],{"class":76}," v-model",[51,602,468],{"class":72},[51,604,471],{"class":72},[51,606,607],{"class":124},"selected",[51,609,471],{"class":72},[51,611,465],{"class":76},[51,613,468],{"class":72},[51,615,471],{"class":72},[51,617,618],{"class":124},"width:100%;padding:8px;font-size:16px;",[51,620,471],{"class":72},[51,622,454],{"class":72},[51,624,625,628,631,633,635,638,640,643,645,647],{"class":53,"line":181},[51,626,627],{"class":72},"        \u003C",[51,629,630],{"class":94},"option",[51,632,151],{"class":76},[51,634,468],{"class":72},[51,636,637],{"class":72},"\"\"",[51,639,488],{"class":72},[51,641,642],{"class":68},"请选择性别",[51,644,494],{"class":72},[51,646,630],{"class":94},[51,648,454],{"class":72},[51,650,651,653,655,658,660,662,665,667,670,672,674,677,679,682,684,686,688,690],{"class":53,"line":212},[51,652,627],{"class":72},[51,654,630],{"class":94},[51,656,657],{"class":76}," v-for",[51,659,468],{"class":72},[51,661,471],{"class":72},[51,663,664],{"class":124},"opt in options",[51,666,471],{"class":72},[51,668,669],{"class":76}," :key",[51,671,468],{"class":72},[51,673,471],{"class":72},[51,675,676],{"class":124},"opt.value",[51,678,471],{"class":72},[51,680,681],{"class":76}," :value",[51,683,468],{"class":72},[51,685,471],{"class":72},[51,687,676],{"class":124},[51,689,471],{"class":72},[51,691,454],{"class":72},[51,693,694],{"class":53,"line":243},[51,695,696],{"class":68},"          {{ opt.label }}\n",[51,698,699,702,704],{"class":53,"line":251},[51,700,701],{"class":72},"        \u003C\u002F",[51,703,630],{"class":94},[51,705,454],{"class":72},[51,707,708,711,713],{"class":53,"line":257},[51,709,710],{"class":72},"      \u003C\u002F",[51,712,597],{"class":94},[51,714,454],{"class":72},[51,716,717,719,721,723,725,727,730,732],{"class":53,"line":263},[51,718,594],{"class":72},[51,720,10],{"class":94},[51,722,465],{"class":76},[51,724,468],{"class":72},[51,726,471],{"class":72},[51,728,729],{"class":124},"margin-top:12px;",[51,731,471],{"class":72},[51,733,454],{"class":72},[51,735,736,739,741,743,745,748,750,752],{"class":53,"line":269},[51,737,738],{"class":68},"        你选择的是：",[51,740,448],{"class":72},[51,742,13],{"class":94},[51,744,488],{"class":72},[51,746,747],{"class":68},"{{ selected }}",[51,749,494],{"class":72},[51,751,13],{"class":94},[51,753,454],{"class":72},[51,755,757,759,761],{"class":53,"line":756},15,[51,758,710],{"class":72},[51,760,10],{"class":94},[51,762,454],{"class":72},[51,764,766,769,771],{"class":53,"line":765},16,[51,767,768],{"class":72},"    \u003C\u002F",[51,770,462],{"class":94},[51,772,454],{"class":72},[51,774,776,779,781],{"class":53,"line":775},17,[51,777,778],{"class":72},"  \u003C\u002F",[51,780,462],{"class":94},[51,782,454],{"class":72},[51,784,786,788,790],{"class":53,"line":785},18,[51,787,494],{"class":72},[51,789,451],{"class":94},[51,791,454],{"class":72},[51,793,795],{"class":53,"line":794},19,[51,796,798],{"emptyLinePlaceholder":797},true,"\n",[51,800,802,804,807,810,813,815,817,819,821],{"class":53,"line":801},20,[51,803,448],{"class":72},[51,805,806],{"class":94},"script",[51,808,809],{"class":76}," setup",[51,811,812],{"class":76}," lang",[51,814,468],{"class":72},[51,816,471],{"class":72},[51,818,46],{"class":124},[51,820,471],{"class":72},[51,822,454],{"class":72},[51,824,826,829,832,835,838,841,843,845,847],{"class":53,"line":825},21,[51,827,828],{"class":57},"import",[51,830,831],{"class":72}," {",[51,833,834],{"class":68}," ref",[51,836,837],{"class":72}," }",[51,839,840],{"class":57}," from",[51,842,121],{"class":72},[51,844,441],{"class":124},[51,846,128],{"class":72},[51,848,278],{"class":72},[51,850,852],{"class":53,"line":851},22,[51,853,798],{"emptyLinePlaceholder":797},[51,855,857,860,862,865,867,870,872,875,877,880,883,885,887,889,891,893],{"class":53,"line":856},23,[51,858,859],{"class":76},"const",[51,861,831],{"class":72},[51,863,864],{"class":68}," options",[51,866,163],{"class":72},[51,868,869],{"class":68}," loading",[51,871,163],{"class":72},[51,873,874],{"class":68}," error ",[51,876,272],{"class":72},[51,878,879],{"class":72}," =",[51,881,882],{"class":64}," useDict",[51,884,69],{"class":68},[51,886,128],{"class":72},[51,888,125],{"class":124},[51,890,128],{"class":72},[51,892,275],{"class":68},[51,894,278],{"class":72},[51,896,898,900,903,905,907,909,912,914],{"class":53,"line":897},24,[51,899,859],{"class":76},[51,901,902],{"class":68}," selected ",[51,904,468],{"class":72},[51,906,834],{"class":64},[51,908,69],{"class":68},[51,910,911],{"class":72},"''",[51,913,275],{"class":68},[51,915,278],{"class":72},[51,917,919,921,923],{"class":53,"line":918},25,[51,920,494],{"class":72},[51,922,806],{"class":94},[51,924,454],{"class":72},[18,926,927],{"id":927},"运行查看效果",[41,929,933],{"className":930,"code":931,"language":932,"meta":47,"style":47},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm dev\n","bash",[29,934,935],{"__ignoreMap":47},[51,936,937,941],{"class":53,"line":54},[51,938,940],{"class":939},"sBMFI","pnpm",[51,942,943],{"class":124}," dev\n",[10,945,432,946,949],{},[29,947,948],{},"http:\u002F\u002Flocalhost:3000\u002F","，你应该看到：",[951,952,953,956],"ol",{},[398,954,955],{},"一个下拉框，有\"请选择性别\"、\"男\"、\"女\"、\"其他\"四个选项",[398,957,958],{},"选择一个选项后，下方显示你选了什么",[18,960,961],{"id":961},"逐行解释",[395,963,964,970,979,988,994,1004],{},[398,965,966,969],{},[29,967,968],{},"\u003Cselect>"," 是 HTML 原生的下拉框",[398,971,972,975,976,978],{},[29,973,974],{},"v-model=\"selected\""," 双向绑定：用户选什么，",[29,977,607],{}," 就变成什么",[398,980,981,984,985],{},[29,982,983],{},"v-for=\"opt in options\""," 遍历字典选项，每个渲染一个 ",[29,986,987],{},"\u003Coption>",[398,989,990,993],{},[29,991,992],{},"useDict('gender')"," 告诉模块：\"我需要 gender 这个字典类型的数据\"",[398,995,996,999,1000,1003],{},[29,997,998],{},"options"," 返回 ",[29,1001,1002],{},"[{ label: '男', value: 'male' }, ...]","，直接喂给下拉框",[398,1005,1006,1008,1009,1011],{},[29,1007,514],{}," \u002F ",[29,1010,554],{}," 分别表示加载中 \u002F 加载失败",[10,1013,1014,1017],{},[29,1015,1016],{},"useDict"," 内部做了这些事：",[951,1019,1020,1026,1029,1036],{},[398,1021,1022,1023,1025],{},"先检查内存缓存中有没有 ",[29,1024,125],{}," 的数据",[398,1027,1028],{},"没有的话检查 IndexedDB（浏览器数据库）",[398,1030,1031,1032,1035],{},"再没有的话向后端 ",[29,1033,1034],{},"\u002Fapi\u002Fdict\u002Flist?types=gender"," 发请求",[398,1037,1038,1039,1042,1043],{},"拿到数据后把 ",[29,1040,1041],{},"{ code, label }"," 转成 ",[29,1044,1045],{},"{ value, label }",[18,1047,1048],{"id":1048},"注意事项",[408,1050,1051],{},[10,1052,1053,1054,1059],{},"如果你对接的是现有的后端接口，格式可能不一样。模块支持 ",[1055,1056,1058],"a",{"href":1057},"\u002Fadvanced\u002Fcustom-adapter","自定义适配器","，可以适配任何接口格式。",[18,1061,1062],{"id":1062},"本章你学会了",[395,1064,1067,1080,1093,1103],{"className":1065},[1066],"contains-task-list",[398,1068,1071,1075,1076,1079],{"className":1069},[1070],"task-list-item",[1072,1073],"input",{"disabled":797,"type":1074},"checkbox"," 在 ",[29,1077,1078],{},"server\u002Fapi\u002F"," 下创建一个模拟字典接口",[398,1081,1083,1085,1086,1088,1089,1092],{"className":1082},[1070],[1072,1084],{"disabled":797,"type":1074}," 配置 ",[29,1087,282],{}," 中的 ",[29,1090,1091],{},"dict.api"," 指向字典接口",[398,1094,1096,1098,1099,1102],{"className":1095},[1070],[1072,1097],{"disabled":797,"type":1074}," 用 ",[29,1100,1101],{},"useDict()"," 获取字典数据并渲染下拉框",[398,1104,1106,1108,1109,1111,1112,1111,1114,1116],{"className":1105},[1070],[1072,1107],{"disabled":797,"type":1074}," 理解 ",[29,1110,514],{},"、",[29,1113,554],{},[29,1115,998],{}," 的各自用途",[1118,1119,1120],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":47,"searchDepth":83,"depth":83,"links":1122},[1123,1124,1125,1126,1127,1128],{"id":20,"depth":83,"text":21},{"id":429,"depth":83,"text":429},{"id":927,"depth":83,"text":927},{"id":961,"depth":83,"text":961},{"id":1048,"depth":83,"text":1048},{"id":1062,"depth":83,"text":1062},"从零开始，用 useDict 写出你的第一个字典下拉框。","md",{},"\u002Fguide\u002Ffirst-dict",{"title":5,"description":1129},"guide\u002Ffirst-dict","cfWAa4kpMMqorARftllJxG0GmkDawbzTd3EmAALfgR0",{"id":4,"title":5,"body":1137,"description":1129,"extension":1130,"meta":2000,"navigation":797,"path":1132,"seo":2001,"stem":1134,"__hash__":1135},{"type":7,"value":1138,"toc":1992},[1139,1143,1145,1147,1153,1423,1425,1433,1445,1447,1451,1863,1865,1875,1879,1885,1887,1921,1925,1943,1945,1951,1953,1990],[10,1140,1141,16],{},[13,1142,15],{},[18,1144,21],{"id":20},[10,1146,24],{},[10,1148,27,1149,32,1151,36],{},[29,1150,31],{},[29,1152,35],{},[38,1154,1155,1329],{},[41,1156,1157],{"className":43,"code":44,"filename":45,"language":46,"meta":47,"style":47},[29,1158,1159,1175,1181,1189,1197,1211,1219,1247,1275,1303,1309,1313,1317,1321],{"__ignoreMap":47},[51,1160,1161,1163,1165,1167,1169,1171,1173],{"class":53,"line":54},[51,1162,58],{"class":57},[51,1164,61],{"class":57},[51,1166,65],{"class":64},[51,1168,69],{"class":68},[51,1170,73],{"class":72},[51,1172,77],{"class":76},[51,1174,80],{"class":72},[51,1176,1177,1179],{"class":53,"line":83},[51,1178,86],{"class":57},[51,1180,80],{"class":72},[51,1182,1183,1185,1187],{"class":53,"line":91},[51,1184,95],{"class":94},[51,1186,98],{"class":72},[51,1188,80],{"class":72},[51,1190,1191,1193,1195],{"class":53,"line":103},[51,1192,106],{"class":94},[51,1194,98],{"class":72},[51,1196,80],{"class":72},[51,1198,1199,1201,1203,1205,1207,1209],{"class":53,"line":113},[51,1200,116],{"class":94},[51,1202,98],{"class":72},[51,1204,121],{"class":72},[51,1206,125],{"class":124},[51,1208,128],{"class":72},[51,1210,131],{"class":72},[51,1212,1213,1215,1217],{"class":53,"line":134},[51,1214,137],{"class":94},[51,1216,98],{"class":72},[51,1218,142],{"class":94},[51,1220,1221,1223,1225,1227,1229,1231,1233,1235,1237,1239,1241,1243,1245],{"class":53,"line":145},[51,1222,148],{"class":72},[51,1224,151],{"class":94},[51,1226,98],{"class":72},[51,1228,121],{"class":72},[51,1230,158],{"class":124},[51,1232,128],{"class":72},[51,1234,163],{"class":72},[51,1236,166],{"class":94},[51,1238,98],{"class":72},[51,1240,121],{"class":72},[51,1242,173],{"class":124},[51,1244,128],{"class":72},[51,1246,178],{"class":72},[51,1248,1249,1251,1253,1255,1257,1259,1261,1263,1265,1267,1269,1271,1273],{"class":53,"line":181},[51,1250,148],{"class":72},[51,1252,151],{"class":94},[51,1254,98],{"class":72},[51,1256,121],{"class":72},[51,1258,192],{"class":124},[51,1260,128],{"class":72},[51,1262,163],{"class":72},[51,1264,166],{"class":94},[51,1266,98],{"class":72},[51,1268,121],{"class":72},[51,1270,205],{"class":124},[51,1272,128],{"class":72},[51,1274,178],{"class":72},[51,1276,1277,1279,1281,1283,1285,1287,1289,1291,1293,1295,1297,1299,1301],{"class":53,"line":212},[51,1278,148],{"class":72},[51,1280,151],{"class":94},[51,1282,98],{"class":72},[51,1284,121],{"class":72},[51,1286,223],{"class":124},[51,1288,128],{"class":72},[51,1290,163],{"class":72},[51,1292,166],{"class":94},[51,1294,98],{"class":72},[51,1296,121],{"class":72},[51,1298,236],{"class":124},[51,1300,128],{"class":72},[51,1302,178],{"class":72},[51,1304,1305,1307],{"class":53,"line":243},[51,1306,246],{"class":94},[51,1308,131],{"class":72},[51,1310,1311],{"class":53,"line":251},[51,1312,254],{"class":72},[51,1314,1315],{"class":53,"line":257},[51,1316,260],{"class":72},[51,1318,1319],{"class":53,"line":263},[51,1320,266],{"class":72},[51,1322,1323,1325,1327],{"class":53,"line":269},[51,1324,272],{"class":72},[51,1326,275],{"class":68},[51,1328,278],{"class":72},[41,1330,1331],{"className":43,"code":281,"filename":282,"language":46,"meta":47,"style":47},[29,1332,1333,1345,1363,1371,1379,1391,1407,1411,1415],{"__ignoreMap":47},[51,1334,1335,1337,1339,1341,1343],{"class":53,"line":54},[51,1336,58],{"class":57},[51,1338,61],{"class":57},[51,1340,293],{"class":64},[51,1342,69],{"class":68},[51,1344,298],{"class":72},[51,1346,1347,1349,1351,1353,1355,1357,1359,1361],{"class":53,"line":83},[51,1348,303],{"class":94},[51,1350,98],{"class":72},[51,1352,308],{"class":68},[51,1354,128],{"class":72},[51,1356,313],{"class":124},[51,1358,128],{"class":72},[51,1360,318],{"class":68},[51,1362,131],{"class":72},[51,1364,1365,1367,1369],{"class":53,"line":91},[51,1366,325],{"class":94},[51,1368,98],{"class":72},[51,1370,80],{"class":72},[51,1372,1373,1375,1377],{"class":53,"line":103},[51,1374,334],{"class":94},[51,1376,98],{"class":72},[51,1378,80],{"class":72},[51,1380,1381,1383,1385,1387,1389],{"class":53,"line":113},[51,1382,343],{"class":94},[51,1384,98],{"class":72},[51,1386,348],{"class":72},[51,1388,163],{"class":72},[51,1390,354],{"class":353},[51,1392,1393,1395,1397,1399,1401,1403,1405],{"class":53,"line":134},[51,1394,359],{"class":94},[51,1396,98],{"class":72},[51,1398,121],{"class":72},[51,1400,366],{"class":124},[51,1402,128],{"class":72},[51,1404,163],{"class":72},[51,1406,373],{"class":353},[51,1408,1409],{"class":53,"line":145},[51,1410,260],{"class":72},[51,1412,1413],{"class":53,"line":181},[51,1414,382],{"class":72},[51,1416,1417,1419,1421],{"class":53,"line":212},[51,1418,272],{"class":72},[51,1420,275],{"class":68},[51,1422,278],{"class":72},[10,1424,393],{},[395,1426,1427],{},[398,1428,1429,403,1431,406],{},[29,1430,402],{},[29,1432,125],{},[408,1434,1435],{},[10,1436,1437,418,1441,422,1443,426],{},[13,1438,1439,417],{},[29,1440,416],{},[29,1442,421],{},[29,1444,425],{},[18,1446,429],{"id":429},[10,1448,432,1449,436],{},[29,1450,435],{},[41,1452,1453],{"className":439,"code":440,"filename":435,"language":441,"meta":47,"style":47},[29,1454,1455,1463,1481,1497,1533,1569,1579,1607,1629,1667,1671,1679,1687,1705,1723,1731,1739,1747,1755,1759,1779,1799,1803,1837,1855],{"__ignoreMap":47},[51,1456,1457,1459,1461],{"class":53,"line":54},[51,1458,448],{"class":72},[51,1460,451],{"class":94},[51,1462,454],{"class":72},[51,1464,1465,1467,1469,1471,1473,1475,1477,1479],{"class":53,"line":83},[51,1466,459],{"class":72},[51,1468,462],{"class":94},[51,1470,465],{"class":76},[51,1472,468],{"class":72},[51,1474,471],{"class":72},[51,1476,474],{"class":124},[51,1478,471],{"class":72},[51,1480,454],{"class":72},[51,1482,1483,1485,1487,1489,1491,1493,1495],{"class":53,"line":91},[51,1484,483],{"class":72},[51,1486,18],{"class":94},[51,1488,488],{"class":72},[51,1490,491],{"class":68},[51,1492,494],{"class":72},[51,1494,18],{"class":94},[51,1496,454],{"class":72},[51,1498,1499,1501,1503,1505,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525,1527,1529,1531],{"class":53,"line":103},[51,1500,483],{"class":72},[51,1502,10],{"class":94},[51,1504,507],{"class":76},[51,1506,468],{"class":72},[51,1508,471],{"class":72},[51,1510,514],{"class":124},[51,1512,471],{"class":72},[51,1514,465],{"class":76},[51,1516,468],{"class":72},[51,1518,471],{"class":72},[51,1520,525],{"class":124},[51,1522,471],{"class":72},[51,1524,488],{"class":72},[51,1526,532],{"class":68},[51,1528,494],{"class":72},[51,1530,10],{"class":94},[51,1532,454],{"class":72},[51,1534,1535,1537,1539,1541,1543,1545,1547,1549,1551,1553,1555,1557,1559,1561,1563,1565,1567],{"class":53,"line":113},[51,1536,483],{"class":72},[51,1538,10],{"class":94},[51,1540,547],{"class":76},[51,1542,468],{"class":72},[51,1544,471],{"class":72},[51,1546,554],{"class":124},[51,1548,471],{"class":72},[51,1550,465],{"class":76},[51,1552,468],{"class":72},[51,1554,471],{"class":72},[51,1556,565],{"class":124},[51,1558,471],{"class":72},[51,1560,488],{"class":72},[51,1562,572],{"class":68},[51,1564,494],{"class":72},[51,1566,10],{"class":94},[51,1568,454],{"class":72},[51,1570,1571,1573,1575,1577],{"class":53,"line":134},[51,1572,483],{"class":72},[51,1574,462],{"class":94},[51,1576,587],{"class":76},[51,1578,454],{"class":72},[51,1580,1581,1583,1585,1587,1589,1591,1593,1595,1597,1599,1601,1603,1605],{"class":53,"line":145},[51,1582,594],{"class":72},[51,1584,597],{"class":94},[51,1586,600],{"class":76},[51,1588,468],{"class":72},[51,1590,471],{"class":72},[51,1592,607],{"class":124},[51,1594,471],{"class":72},[51,1596,465],{"class":76},[51,1598,468],{"class":72},[51,1600,471],{"class":72},[51,1602,618],{"class":124},[51,1604,471],{"class":72},[51,1606,454],{"class":72},[51,1608,1609,1611,1613,1615,1617,1619,1621,1623,1625,1627],{"class":53,"line":181},[51,1610,627],{"class":72},[51,1612,630],{"class":94},[51,1614,151],{"class":76},[51,1616,468],{"class":72},[51,1618,637],{"class":72},[51,1620,488],{"class":72},[51,1622,642],{"class":68},[51,1624,494],{"class":72},[51,1626,630],{"class":94},[51,1628,454],{"class":72},[51,1630,1631,1633,1635,1637,1639,1641,1643,1645,1647,1649,1651,1653,1655,1657,1659,1661,1663,1665],{"class":53,"line":212},[51,1632,627],{"class":72},[51,1634,630],{"class":94},[51,1636,657],{"class":76},[51,1638,468],{"class":72},[51,1640,471],{"class":72},[51,1642,664],{"class":124},[51,1644,471],{"class":72},[51,1646,669],{"class":76},[51,1648,468],{"class":72},[51,1650,471],{"class":72},[51,1652,676],{"class":124},[51,1654,471],{"class":72},[51,1656,681],{"class":76},[51,1658,468],{"class":72},[51,1660,471],{"class":72},[51,1662,676],{"class":124},[51,1664,471],{"class":72},[51,1666,454],{"class":72},[51,1668,1669],{"class":53,"line":243},[51,1670,696],{"class":68},[51,1672,1673,1675,1677],{"class":53,"line":251},[51,1674,701],{"class":72},[51,1676,630],{"class":94},[51,1678,454],{"class":72},[51,1680,1681,1683,1685],{"class":53,"line":257},[51,1682,710],{"class":72},[51,1684,597],{"class":94},[51,1686,454],{"class":72},[51,1688,1689,1691,1693,1695,1697,1699,1701,1703],{"class":53,"line":263},[51,1690,594],{"class":72},[51,1692,10],{"class":94},[51,1694,465],{"class":76},[51,1696,468],{"class":72},[51,1698,471],{"class":72},[51,1700,729],{"class":124},[51,1702,471],{"class":72},[51,1704,454],{"class":72},[51,1706,1707,1709,1711,1713,1715,1717,1719,1721],{"class":53,"line":269},[51,1708,738],{"class":68},[51,1710,448],{"class":72},[51,1712,13],{"class":94},[51,1714,488],{"class":72},[51,1716,747],{"class":68},[51,1718,494],{"class":72},[51,1720,13],{"class":94},[51,1722,454],{"class":72},[51,1724,1725,1727,1729],{"class":53,"line":756},[51,1726,710],{"class":72},[51,1728,10],{"class":94},[51,1730,454],{"class":72},[51,1732,1733,1735,1737],{"class":53,"line":765},[51,1734,768],{"class":72},[51,1736,462],{"class":94},[51,1738,454],{"class":72},[51,1740,1741,1743,1745],{"class":53,"line":775},[51,1742,778],{"class":72},[51,1744,462],{"class":94},[51,1746,454],{"class":72},[51,1748,1749,1751,1753],{"class":53,"line":785},[51,1750,494],{"class":72},[51,1752,451],{"class":94},[51,1754,454],{"class":72},[51,1756,1757],{"class":53,"line":794},[51,1758,798],{"emptyLinePlaceholder":797},[51,1760,1761,1763,1765,1767,1769,1771,1773,1775,1777],{"class":53,"line":801},[51,1762,448],{"class":72},[51,1764,806],{"class":94},[51,1766,809],{"class":76},[51,1768,812],{"class":76},[51,1770,468],{"class":72},[51,1772,471],{"class":72},[51,1774,46],{"class":124},[51,1776,471],{"class":72},[51,1778,454],{"class":72},[51,1780,1781,1783,1785,1787,1789,1791,1793,1795,1797],{"class":53,"line":825},[51,1782,828],{"class":57},[51,1784,831],{"class":72},[51,1786,834],{"class":68},[51,1788,837],{"class":72},[51,1790,840],{"class":57},[51,1792,121],{"class":72},[51,1794,441],{"class":124},[51,1796,128],{"class":72},[51,1798,278],{"class":72},[51,1800,1801],{"class":53,"line":851},[51,1802,798],{"emptyLinePlaceholder":797},[51,1804,1805,1807,1809,1811,1813,1815,1817,1819,1821,1823,1825,1827,1829,1831,1833,1835],{"class":53,"line":856},[51,1806,859],{"class":76},[51,1808,831],{"class":72},[51,1810,864],{"class":68},[51,1812,163],{"class":72},[51,1814,869],{"class":68},[51,1816,163],{"class":72},[51,1818,874],{"class":68},[51,1820,272],{"class":72},[51,1822,879],{"class":72},[51,1824,882],{"class":64},[51,1826,69],{"class":68},[51,1828,128],{"class":72},[51,1830,125],{"class":124},[51,1832,128],{"class":72},[51,1834,275],{"class":68},[51,1836,278],{"class":72},[51,1838,1839,1841,1843,1845,1847,1849,1851,1853],{"class":53,"line":897},[51,1840,859],{"class":76},[51,1842,902],{"class":68},[51,1844,468],{"class":72},[51,1846,834],{"class":64},[51,1848,69],{"class":68},[51,1850,911],{"class":72},[51,1852,275],{"class":68},[51,1854,278],{"class":72},[51,1856,1857,1859,1861],{"class":53,"line":918},[51,1858,494],{"class":72},[51,1860,806],{"class":94},[51,1862,454],{"class":72},[18,1864,927],{"id":927},[41,1866,1867],{"className":930,"code":931,"language":932,"meta":47,"style":47},[29,1868,1869],{"__ignoreMap":47},[51,1870,1871,1873],{"class":53,"line":54},[51,1872,940],{"class":939},[51,1874,943],{"class":124},[10,1876,432,1877,949],{},[29,1878,948],{},[951,1880,1881,1883],{},[398,1882,955],{},[398,1884,958],{},[18,1886,961],{"id":961},[395,1888,1889,1893,1899,1905,1909,1915],{},[398,1890,1891,969],{},[29,1892,968],{},[398,1894,1895,975,1897,978],{},[29,1896,974],{},[29,1898,607],{},[398,1900,1901,984,1903],{},[29,1902,983],{},[29,1904,987],{},[398,1906,1907,993],{},[29,1908,992],{},[398,1910,1911,999,1913,1003],{},[29,1912,998],{},[29,1914,1002],{},[398,1916,1917,1008,1919,1011],{},[29,1918,514],{},[29,1920,554],{},[10,1922,1923,1017],{},[29,1924,1016],{},[951,1926,1927,1931,1933,1937],{},[398,1928,1022,1929,1025],{},[29,1930,125],{},[398,1932,1028],{},[398,1934,1031,1935,1035],{},[29,1936,1034],{},[398,1938,1038,1939,1042,1941],{},[29,1940,1041],{},[29,1942,1045],{},[18,1944,1048],{"id":1048},[408,1946,1947],{},[10,1948,1053,1949,1059],{},[1055,1950,1058],{"href":1057},[18,1952,1062],{"id":1062},[395,1954,1956,1963,1972,1979],{"className":1955},[1066],[398,1957,1959,1075,1961,1079],{"className":1958},[1070],[1072,1960],{"disabled":797,"type":1074},[29,1962,1078],{},[398,1964,1966,1085,1968,1088,1970,1092],{"className":1965},[1070],[1072,1967],{"disabled":797,"type":1074},[29,1969,282],{},[29,1971,1091],{},[398,1973,1975,1098,1977,1102],{"className":1974},[1070],[1072,1976],{"disabled":797,"type":1074},[29,1978,1101],{},[398,1980,1982,1108,1984,1111,1986,1111,1988,1116],{"className":1981},[1070],[1072,1983],{"disabled":797,"type":1074},[29,1985,514],{},[29,1987,554],{},[29,1989,998],{},[1118,1991,1120],{},{"title":47,"searchDepth":83,"depth":83,"links":1993},[1994,1995,1996,1997,1998,1999],{"id":20,"depth":83,"text":21},{"id":429,"depth":83,"text":429},{"id":927,"depth":83,"text":927},{"id":961,"depth":83,"text":961},{"id":1048,"depth":83,"text":1048},{"id":1062,"depth":83,"text":1062},{},{"title":5,"description":1129},1782551377828]