首頁 探索 說明
註冊 登入
wicresoft
/
doc_project
2
0
複刻 0
Files 問題管理 0 合併請求 0 Wiki
目錄樹: 9cd9c7d1d5
分支列表 標籤列表
doc_project
/
3x.antv.design
/
assets
/
introduce.zh-CN.c119cd8e.js

introduce.zh-CN.c119cd8e.js 57 KB
文件歷史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384 
  1. import{_ as s,a,q as t,k as e}from"./index.3fe853a6.js";const p={pageData:{title:"Ant Design of Vue",description:"",frontmatter:{},headers:[{level:2,title:"\u7279\u6027",slug:"\u7279\u6027",content:""},{level:2,title:"\u652F\u6301\u73AF\u5883",slug:"\u652F\u6301\u73AF\u5883",content:""},{level:2,title:"\u7248\u672C",slug:"\u7248\u672C",content:""},{level:2,title:"\u5B89\u88C5",slug:"\u5B89\u88C5",content:"\u4F7F\u7528 npm \u6216 yarn \u5B89\u88C5"},{level:3,title:"\u4F7F\u7528 npm \u6216 yarn \u5B89\u88C5",slug:"\u4F7F\u7528-npm-\u6216-yarn-\u5B89\u88C5",content:"**\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 npm \u6216 yarn \u7684\u65B9\u5F0F\u8FDB\u884C\u5F00\u53D1**\uFF0C\u4E0D\u4EC5\u53EF\u5728\u5F00\u53D1\u73AF\u5883\u8F7B\u677E\u8C03\u8BD5\uFF0C\u4E5F\u53EF\u653E\u5FC3\u5730\u5728\u751F\u4EA7\u73AF\u5883\u6253\u5305\u90E8\u7F72\u4F7F\u7528\uFF0C\u4EAB\u53D7\u6574\u4E2A\u751F\u6001\u5708\u548C\u5DE5\u5177\u94FE\u5E26\u6765\u7684\u8BF8\u591A\u597D\u5904\u3002"},{level:3,title:"\u6D4F\u89C8\u5668\u5F15\u5165",slug:"\u6D4F\u89C8\u5668\u5F15\u5165",content:"\u5728\u6D4F\u89C8\u5668\u4E2D\u4F7F\u7528 `script` \u548C `link` \u6807\u7B7E\u76F4\u63A5\u5F15\u5165\u6587\u4EF6\uFF0C\u5E76\u4F7F\u7528\u5168\u5C40\u53D8\u91CF `antd`\u3002"},{level:2,title:"\u793A\u4F8B",slug:"\u793A\u4F8B",content:""},{level:3,title:"\u6309\u9700\u52A0\u8F7D",slug:"\u6309\u9700\u52A0\u8F7D",content:"\u4E0B\u9762\u4E24\u79CD\u65B9\u5F0F\u90FD\u53EF\u4EE5\u53EA\u52A0\u8F7D\u7528\u5230\u7684\u7EC4\u4EF6\u3002"},{level:2,title:"\u94FE\u63A5",slug:"\u94FE\u63A5",content:""},{level:2,title:"\u5982\u4F55\u8D21\u732E",slug:"\u5982\u4F55\u8D21\u732E",content:"\u5982\u679C\u4F60\u5E0C\u671B\u53C2\u4E0E\u8D21\u732E\uFF0C\u6B22\u8FCE [Pull Request](https://github.com/vueComponent/ant-design-vue/pulls)\uFF0C\u6216\u7ED9\u6211\u4EEC [\u62A5\u544A Bug](https://vuecomponent.github.io/issue-helper/)([\u56FD\u5185\u955C\u50CF](http://ant-design-vue.gitee.io/issue-helper/))\u3002"},{level:2,title:"\u5173\u4E8E ant-design-vue",slug:"\u5173\u4E8E-ant-design-vue",content:"\u4F17\u6240\u5468\u77E5\uFF0CAnt Design \u4F5C\u4E3A\u4E00\u95E8\u8BBE\u8BA1\u8BED\u8A00\u9762\u4E16\uFF0C\u7ECF\u5386\u8FC7\u591A\u5E74\u7684\u8FED\u4EE3\u548C\u79EF\u7D2F\uFF0C\u5B83\u5BF9 UI \u7684\u8BBE\u8BA1\u601D\u60F3\u5DF2\u7ECF\u6210\u4E3A\u4E00\u5957\u4E8B\u5B9E\u6807\u51C6\uFF0C\u53D7\u5230\u4F17\u591A\u524D\u7AEF\u5F00\u53D1\u8005\u53CA\u4F01\u4E1A\u7684\u8FFD\u6367\u548C\u559C\u7231\uFF0C\u4E5F\u662F React \u5F00\u53D1\u8005\u624B\u4E2D\u7684\u795E\u5175\u5229\u5668\u3002\u5E0C\u671B ant-design-vue \u80FD\u591F\u8BA9 Vue \u5F00\u53D1\u8005\u4E5F\u4EAB\u53D7\u5230 Ant Design \u7684\u4F18\u79C0\u8BBE\u8BA1\u3002"},{level:2,title:"\u7279\u522B\u611F\u8C22",slug:"\u7279\u522B\u611F\u8C22",content:"[Ant Design Team](https://github.com/ant-design/ant-design/blob/master/AUTHORS.txt)"}],relativePath:"site/src/vueDocs/introduce.zh-CN.md",content:`# Ant Design of Vue
    2. 

  2. 

  3. \u8FD9\u91CC\u662F Ant Design \u7684 Vue \u5B9E\u73B0\uFF0C\u5F00\u53D1\u548C\u670D\u52A1\u4E8E\u4F01\u4E1A\u7EA7\u540E\u53F0\u4EA7\u54C1\u3002
    4. 

  4. 

  5. <div class="pic-plus">
    6. 

  6.   <img width="150" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" />
    7. 

  7.   <span>+</span>
    8. 

  8.   <img width="160" src="https://qn.antdv.com/vue.png" />
    9. 

  9. </div>
    10. 

  10. 

  11. <style>
    12. 

  12. .pic-plus > * {
    13. 

  13.   display: inline-block !important;
    14. 

  14.   vertical-align: middle;
    15. 

  15. }
    16. 

  16. .pic-plus span {
    17. 

  17.   font-size: 30px;
    18. 

  18.   color: #aaa;
    19. 

  19.   margin: 0 20px;
    20. 

  20. }
    21. 

  21. </style>
    22. 

  22. 

  23. ## \u7279\u6027
    24. 

  24. 

  25. - \u63D0\u70BC\u81EA\u4F01\u4E1A\u7EA7\u4E2D\u540E\u53F0\u4EA7\u54C1\u7684\u4EA4\u4E92\u8BED\u8A00\u548C\u89C6\u89C9\u98CE\u683C\u3002
    26. 

  26. - \u5F00\u7BB1\u5373\u7528\u7684\u9AD8\u8D28\u91CF Vue \u7EC4\u4EF6\u3002
    27. 

  27. - \u5171\u4EAB[Ant Design of React](http://ant-design.gitee.io/docs/spec/introduce-cn)\u8BBE\u8BA1\u5DE5\u5177\u4F53\u7CFB\u3002
    28. 

  28. 

  29. ## \u652F\u6301\u73AF\u5883
    30. 

  30. 

  31. - \u73B0\u4EE3\u6D4F\u89C8\u5668, \u5982\u679C\u9700\u8981\u652F\u6301 IE9\uFF0C\u4F60\u53EF\u4EE5\u9009\u62E9\u4F7F\u7528 [1.x \u7248\u672C](https://1x.antdv.com/)\u3002
    32. 

  32. - \u652F\u6301\u670D\u52A1\u7AEF\u6E32\u67D3\u3002
    33. 

  33. - [Electron](https://electronjs.org/)
    34. 

  34. 

  35. | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br/>Electron |
    36. 

  36. | --- | --- | --- | --- | --- | --- |
    37. 

  37. | Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
    38. 

  38. 

  39. ## \u7248\u672C
    40. 

  40. 

  41. - \u7A33\u5B9A\u7248\uFF1A[![npm package](https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square)](https://www.npmjs.org/package/ant-design-vue)
    42. 

  42. 

  43. \u4F60\u53EF\u4EE5\u8BA2\u9605\uFF1Ahttps://github.com/vueComponent/ant-design-vue/releases.atom \u6765\u83B7\u5F97\u7A33\u5B9A\u7248\u53D1\u5E03\u7684\u901A\u77E5\u3002
    44. 

  44. 

  45. ## \u5B89\u88C5
    46. 

  46. 

  47. ### \u4F7F\u7528 npm \u6216 yarn \u5B89\u88C5
    48. 

  48. 

  49. **\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 npm \u6216 yarn \u7684\u65B9\u5F0F\u8FDB\u884C\u5F00\u53D1**\uFF0C\u4E0D\u4EC5\u53EF\u5728\u5F00\u53D1\u73AF\u5883\u8F7B\u677E\u8C03\u8BD5\uFF0C\u4E5F\u53EF\u653E\u5FC3\u5730\u5728\u751F\u4EA7\u73AF\u5883\u6253\u5305\u90E8\u7F72\u4F7F\u7528\uFF0C\u4EAB\u53D7\u6574\u4E2A\u751F\u6001\u5708\u548C\u5DE5\u5177\u94FE\u5E26\u6765\u7684\u8BF8\u591A\u597D\u5904\u3002
    50. 

  50. 

  51. \`\`\`bash
    52. 

  52. $ npm install ant-design-vue --save
    53. 

  53. \`\`\`
    54. 

  54. 

  55. \`\`\`bash
    56. 

  56. $ yarn add ant-design-vue
    57. 

  57. \`\`\`
    58. 

  58. 

  59. \u5982\u679C\u4F60\u7684\u7F51\u7EDC\u73AF\u5883\u4E0D\u4F73\uFF0C\u63A8\u8350\u4F7F\u7528 [cnpm](https://github.com/cnpm/cnpm)\u3002
    60. 

  60. 

  61. ### \u6D4F\u89C8\u5668\u5F15\u5165
    62. 

  62. 

  63. \u5728\u6D4F\u89C8\u5668\u4E2D\u4F7F\u7528 \`script\` \u548C \`link\` \u6807\u7B7E\u76F4\u63A5\u5F15\u5165\u6587\u4EF6\uFF0C\u5E76\u4F7F\u7528\u5168\u5C40\u53D8\u91CF \`antd\`\u3002
    64. 

  64. 

  65. \u6211\u4EEC\u5728 npm \u53D1\u5E03\u5305\u5185\u7684 \`ant-design-vue/dist\` \u76EE\u5F55\u4E0B\u63D0\u4F9B\u4E86 \`antd.js\` \`antd.css\` \u4EE5\u53CA \`antd.min.js\` \`antd.min.css\`\u3002\u4F60\u4E5F\u53EF\u4EE5\u901A\u8FC7 [![jsdelivr](https://data.jsdelivr.com/v1/package/npm/ant-design-vue/badge)](https://www.jsdelivr.com/package/npm/ant-design-vue) \u6216 [UNPKG](https://unpkg.com/ant-design-vue/dist/) \u8FDB\u884C\u4E0B\u8F7D\u3002
    66. 

  66. 

  67. > **\u5F3A\u70C8\u4E0D\u63A8\u8350\u4F7F\u7528\u5DF2\u6784\u5EFA\u6587\u4EF6**\uFF0C\u8FD9\u6837\u65E0\u6CD5\u6309\u9700\u52A0\u8F7D\uFF0C\u800C\u4E14\u96BE\u4EE5\u83B7\u5F97\u5E95\u5C42\u4F9D\u8D56\u6A21\u5757\u7684 bug \u5FEB\u901F\u4FEE\u590D\u652F\u6301\u3002
    68. 

  68. 

  69. > \u6CE8\u610F\uFF1A\u5F15\u5165 antd.js \u524D\u4F60\u9700\u8981\u81EA\u884C\u5F15\u5165 [dayjs](https://day.js.org/) \u53CA\u5176\u76F8\u5173\u63D2\u4EF6\u3002
    70. 

  70. 

  71. \u5982\uFF1A
    72. 

  72. 

  73. \`\`\`html
    74. 

  74. <script src="https://unpkg.com/dayjs/dayjs.min.js"></script>
    75. 

  75. <script src="https://unpkg.com/dayjs/plugin/customParseFormat.js"></script>
    76. 

  76. <script src="https://unpkg.com/dayjs/plugin/weekday.js"></script>
    77. 

  77. <script src="https://unpkg.com/dayjs/plugin/localeData.js"></script>
    78. 

  78. <script src="https://unpkg.com/dayjs/plugin/weekOfYear.js"></script>
    79. 

  79. <script src="https://unpkg.com/dayjs/plugin/weekYear.js"></script>
    80. 

  80. <script src="https://unpkg.com/dayjs/plugin/advancedFormat.js"></script>
    81. 

  81. <script src="https://unpkg.com/dayjs/plugin/quarterOfYear.js"></script>
    82. 

  82. \`\`\`
    83. 

  83. 

  84. ## \u793A\u4F8B
    85. 

  85. 

  86. \`\`\`jsx
    87. 

  87. import { DatePicker } from 'ant-design-vue';
    88. 

  88. app.use(DatePicker);
    89. 

  89. \`\`\`
    90. 

  90. 

  91. \u5F15\u5165\u6837\u5F0F\uFF1A
    92. 

  92. 

  93. \`\`\`jsx
    94. 

  94. import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
    95. 

  95. \`\`\`
    96. 

  96. 

  97. ### \u6309\u9700\u52A0\u8F7D
    98. 

  98. 

  99. \u4E0B\u9762\u4E24\u79CD\u65B9\u5F0F\u90FD\u53EF\u4EE5\u53EA\u52A0\u8F7D\u7528\u5230\u7684\u7EC4\u4EF6\u3002
    100. 

  100. 

  101. - \u4F7F\u7528 [babel-plugin-import](https://github.com/ant-design/babel-plugin-import)\uFF08\u63A8\u8350\uFF09\u3002
    102. 

  102. 

  103.   \`\`\`jsx
    104. 

  104.   // .babelrc or babel-loader option
    105. 

  105.   {
    106. 

  106.     "plugins": [
    107. 

  107.       ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": "css" }] // \`style: true\` \u4F1A\u52A0\u8F7D less \u6587\u4EF6
    108. 

  108.     ]
    109. 

  109.   }
    110. 

  110.   \`\`\`
    111. 

  111. 

  112.   > \u6CE8\u610F\uFF1Awebpack 1 \u65E0\u9700\u8BBE\u7F6E \`libraryDirectory\`\u3002
    113. 

  113. 

  114.   \u7136\u540E\u53EA\u9700\u4ECE ant-design-vue \u5F15\u5165\u6A21\u5757\u5373\u53EF\uFF0C\u65E0\u9700\u5355\u72EC\u5F15\u5165\u6837\u5F0F\u3002\u7B49\u540C\u4E8E\u4E0B\u9762\u624B\u52A8\u5F15\u5165\u7684\u65B9\u5F0F\u3002
    115. 

  115. 

  116.   \`\`\`jsx
    117. 

  117.   // babel-plugin-import \u4F1A\u5E2E\u52A9\u4F60\u52A0\u8F7D JS \u548C CSS
    118. 

  118.   import { DatePicker } from 'ant-design-vue';
    119. 

  119.   \`\`\`
    120. 

  120. 

  121. - \u624B\u52A8\u5F15\u5165
    122. 

  122. 

  123.   \`\`\`jsx
    124. 

  124.   import DatePicker from 'ant-design-vue/lib/date-picker'; // \u52A0\u8F7D JS
    125. 

  125.   import 'ant-design-vue/lib/date-picker/style/css'; // \u52A0\u8F7D CSS
    126. 

  126.   // import 'ant-design-vue/lib/date-picker/style';         // \u52A0\u8F7D LESS
    127. 

  127.   \`\`\`
    128. 

  128. 

  129. - Vite \u6309\u9700
    130. 

  130. 

  131.   \`\`\`js
    132. 

  132.   // vite.config.js
    133. 

  133.   import Components from 'unplugin-vue-components/vite';
    134. 

  134.   import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
    135. 

  135. 

  136.   export default {
    137. 

  137.     plugins: [
    138. 

  138.       /* ... */
    139. 

  139.       Components({
    140. 

  140.         resolvers: [AntDesignVueResolver()],
    141. 

  141.       }),
    142. 

  142.     ],
    143. 

  143.   };
    144. 

  144.   \`\`\`
    145. 

  145. 

  146. ## \u94FE\u63A5
    147. 

  147. 

  148. - [\u9996\u9875](https://www.antdv.com/)
    149. 

  149. - [Ant Design Of React](https://ant.design/)
    150. 

  150. - [\u7EC4\u4EF6\u5E93](https://www.antdv.com/components/overview-cn)
    151. 

  151. - [\u66F4\u65B0\u65E5\u5FD7](/docs/vue/changelog-cn)
    152. 

  152. - [CodeSandbox \u6A21\u677F](https://codesandbox.io/s/agitated-franklin-1w72v) for bug reports
    153. 

  153. - [\u5B9A\u5236\u4E3B\u9898](/docs/vue/customize-theme-cn)
    154. 

  154. - [\u5E38\u89C1\u95EE\u9898](/docs/vue/faq-cn)
    155. 

  155. - [\u652F\u6301\u6211\u4EEC](/docs/vue/sponsor-cn)
    156. 

  156. - [Awesome Ant Design](https://github.com/vueComponent/ant-design-vue-awesome)
    157. 

  157. 

  158. ## \u5982\u4F55\u8D21\u732E
    159. 

  159. 

  160. \u5982\u679C\u4F60\u5E0C\u671B\u53C2\u4E0E\u8D21\u732E\uFF0C\u6B22\u8FCE [Pull Request](https://github.com/vueComponent/ant-design-vue/pulls)\uFF0C\u6216\u7ED9\u6211\u4EEC [\u62A5\u544A Bug](https://vuecomponent.github.io/issue-helper/)([\u56FD\u5185\u955C\u50CF](http://ant-design-vue.gitee.io/issue-helper/))\u3002
    161. 

  161. 

  162. > \u5F3A\u70C8\u63A8\u8350\u9605\u8BFB [\u300A\u63D0\u95EE\u7684\u667A\u6167\u300B](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)\u3001[\u300A\u5982\u4F55\u5411\u5F00\u6E90\u793E\u533A\u63D0\u95EE\u9898\u300B](https://github.com/seajs/seajs/issues/545) \u548C [\u300A\u5982\u4F55\u6709\u6548\u5730\u62A5\u544A Bug\u300B](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html)\u3001[\u300A\u5982\u4F55\u5411\u5F00\u6E90\u9879\u76EE\u63D0\u4EA4\u65E0\u6CD5\u89E3\u7B54\u7684\u95EE\u9898\u300B](https://zhuanlan.zhihu.com/p/25795393)\uFF0C\u66F4\u597D\u7684\u95EE\u9898\u66F4\u5BB9\u6613\u83B7\u5F97\u5E2E\u52A9\u3002
    163. 

  163. 

  164. ## \u5173\u4E8E ant-design-vue
    165. 

  165. 

  166. \u4F17\u6240\u5468\u77E5\uFF0CAnt Design \u4F5C\u4E3A\u4E00\u95E8\u8BBE\u8BA1\u8BED\u8A00\u9762\u4E16\uFF0C\u7ECF\u5386\u8FC7\u591A\u5E74\u7684\u8FED\u4EE3\u548C\u79EF\u7D2F\uFF0C\u5B83\u5BF9 UI \u7684\u8BBE\u8BA1\u601D\u60F3\u5DF2\u7ECF\u6210\u4E3A\u4E00\u5957\u4E8B\u5B9E\u6807\u51C6\uFF0C\u53D7\u5230\u4F17\u591A\u524D\u7AEF\u5F00\u53D1\u8005\u53CA\u4F01\u4E1A\u7684\u8FFD\u6367\u548C\u559C\u7231\uFF0C\u4E5F\u662F React \u5F00\u53D1\u8005\u624B\u4E2D\u7684\u795E\u5175\u5229\u5668\u3002\u5E0C\u671B ant-design-vue \u80FD\u591F\u8BA9 Vue \u5F00\u53D1\u8005\u4E5F\u4EAB\u53D7\u5230 Ant Design \u7684\u4F18\u79C0\u8BBE\u8BA1\u3002
    167. 

  167. 

  168. ant-design-vue \u662F Ant Design \u7684 Vue \u5B9E\u73B0\uFF0C\u7EC4\u4EF6\u7684\u98CE\u683C\u4E0E Ant Design \u4FDD\u6301\u540C\u6B65\uFF0C\u7EC4\u4EF6\u7684 html \u7ED3\u6784\u548C css \u6837\u5F0F\u4E5F\u4FDD\u6301\u4E00\u81F4\uFF0C\u771F\u6B63\u505A\u5230\u4E86\u6837\u5F0F 0 \u4FEE\u6539\uFF0C\u7EC4\u4EF6 API \u4E5F\u5C3D\u91CF\u4FDD\u6301\u4E86\u4E00\u81F4\u3002
    169. 

  169. 

  170. Ant Design Vue \u81F4\u529B\u4E8E\u63D0\u4F9B\u7ED9\u7A0B\u5E8F\u5458**\u6109\u60A6**\u7684\u5F00\u53D1\u4F53\u9A8C\u3002
    171. 

  171. 

  172. ## \u7279\u522B\u611F\u8C22
    173. 

  173. 

  174. [Ant Design Team](https://github.com/ant-design/ant-design/blob/master/AUTHORS.txt)
    175. 

  175. `,html:`<h1 id="Ant-Design-of-Vue">Ant Design of Vue <a class="header-anchor" href="#Ant-Design-of-Vue">
    176. 

  176.           <span aria-hidden="true" class="anchor">#</span>
    177. 

  177.         </a></h1>
    178. 

  178. <p>\u8FD9\u91CC\u662F Ant Design \u7684 Vue \u5B9E\u73B0\uFF0C\u5F00\u53D1\u548C\u670D\u52A1\u4E8E\u4F01\u4E1A\u7EA7\u540E\u53F0\u4EA7\u54C1\u3002</p>
    179. 

  179. <div class="pic-plus">
    180. 

  180.   <img width="150" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" />
    181. 

  181.   <span>+</span>
    182. 

  182.   <img width="160" src="https://qn.antdv.com/vue.png" />
    183. 

  183. </div>
    184. 

  184. <h2 id="\u7279\u6027">\u7279\u6027 <a class="header-anchor" href="#\u7279\u6027">
    185. 

  185.           <span aria-hidden="true" class="anchor">#</span>
    186. 

  186.         </a></h2>
    187. 

  187. <ul>
    188. 

  188. <li>\u63D0\u70BC\u81EA\u4F01\u4E1A\u7EA7\u4E2D\u540E\u53F0\u4EA7\u54C1\u7684\u4EA4\u4E92\u8BED\u8A00\u548C\u89C6\u89C9\u98CE\u683C\u3002</li>
    189. 

  189. <li>\u5F00\u7BB1\u5373\u7528\u7684\u9AD8\u8D28\u91CF Vue \u7EC4\u4EF6\u3002</li>
    190. 

  190. <li>\u5171\u4EAB<a href="http://ant-design.gitee.io/docs/spec/introduce-cn" target="_blank" rel="noopener noreferrer">Ant Design of React</a>\u8BBE\u8BA1\u5DE5\u5177\u4F53\u7CFB\u3002</li>
    191. 

  191. </ul>
    192. 

  192. <h2 id="\u652F\u6301\u73AF\u5883">\u652F\u6301\u73AF\u5883 <a class="header-anchor" href="#\u652F\u6301\u73AF\u5883">
    193. 

  193.           <span aria-hidden="true" class="anchor">#</span>
    194. 

  194.         </a></h2>
    195. 

  195. <ul>
    196. 

  196. <li>\u73B0\u4EE3\u6D4F\u89C8\u5668, \u5982\u679C\u9700\u8981\u652F\u6301 IE9\uFF0C\u4F60\u53EF\u4EE5\u9009\u62E9\u4F7F\u7528 <a href="https://1x.antdv.com/" target="_blank" rel="noopener noreferrer">1.x \u7248\u672C</a>\u3002</li>
    197. 

  197. <li>\u652F\u6301\u670D\u52A1\u7AEF\u6E32\u67D3\u3002</li>
    198. 

  198. <li><a href="https://electronjs.org/" target="_blank" rel="noopener noreferrer">Electron</a></li>
    199. 

  199. </ul>
    200. 

  200. <table>
    201. 

  201. <thead>
    202. 

  202. <tr>
    203. 

  203. <th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></a><br/>IE / Edge</th>
    204. 

  204. <th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></a><br/>Firefox</th>
    205. 

  205. <th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></a><br/>Chrome</th>
    206. 

  206. <th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></a><br/>Safari</th>
    207. 

  207. <th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /></a><br/>Opera</th>
    208. 

  208. <th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" /></a><br/>Electron</th>
    209. 

  209. </tr>
    210. 

  210. </thead>
    211. 

  211. <tbody>
    212. 

  212. <tr>
    213. 

  213. <td>Edge</td>
    214. 

  214. <td>last 2 versions</td>
    215. 

  215. <td>last 2 versions</td>
    216. 

  216. <td>last 2 versions</td>
    217. 

  217. <td>last 2 versions</td>
    218. 

  218. <td>last 2 versions</td>
    219. 

  219. </tr>
    220. 

  220. </tbody>
    221. 

  221. </table>
    222. 

  222. <h2 id="\u7248\u672C">\u7248\u672C <a class="header-anchor" href="#\u7248\u672C">
    223. 

  223.           <span aria-hidden="true" class="anchor">#</span>
    224. 

  224.         </a></h2>
    225. 

  225. <ul>
    226. 

  226. <li>\u7A33\u5B9A\u7248\uFF1A<a href="https://www.npmjs.org/package/ant-design-vue" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square" alt="npm package"></a></li>
    227. 

  227. </ul>
    228. 

  228. <p>\u4F60\u53EF\u4EE5\u8BA2\u9605\uFF1A<a href="https://github.com/vueComponent/ant-design-vue/releases.atom" target="_blank" rel="noopener noreferrer">https://github.com/vueComponent/ant-design-vue/releases.atom</a> \u6765\u83B7\u5F97\u7A33\u5B9A\u7248\u53D1\u5E03\u7684\u901A\u77E5\u3002</p>
    229. 

  229. <h2 id="\u5B89\u88C5">\u5B89\u88C5 <a class="header-anchor" href="#\u5B89\u88C5">
    230. 

  230.           <span aria-hidden="true" class="anchor">#</span>
    231. 

  231.         </a></h2>
    232. 

  232. <h3 id="\u4F7F\u7528-npm-\u6216-yarn-\u5B89\u88C5">\u4F7F\u7528 npm \u6216 yarn \u5B89\u88C5 <a class="header-anchor" href="#\u4F7F\u7528-npm-\u6216-yarn-\u5B89\u88C5">
    233. 

  233.           <span aria-hidden="true" class="anchor">#</span>
    234. 

  234.         </a></h3>
    235. 

  235. <p><strong>\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 npm \u6216 yarn \u7684\u65B9\u5F0F\u8FDB\u884C\u5F00\u53D1</strong>\uFF0C\u4E0D\u4EC5\u53EF\u5728\u5F00\u53D1\u73AF\u5883\u8F7B\u677E\u8C03\u8BD5\uFF0C\u4E5F\u53EF\u653E\u5FC3\u5730\u5728\u751F\u4EA7\u73AF\u5883\u6253\u5305\u90E8\u7F72\u4F7F\u7528\uFF0C\u4EAB\u53D7\u6574\u4E2A\u751F\u6001\u5708\u548C\u5DE5\u5177\u94FE\u5E26\u6765\u7684\u8BF8\u591A\u597D\u5904\u3002</p>
    236. 

  236. <pre class="language-bash" v-pre><code>$ <span class="token function">npm</span> <span class="token function">install</span> ant-design-vue <span class="token parameter variable">--save</span>
    237. 

  237. </code></pre>
    238. 

  238. <pre class="language-bash" v-pre><code>$ <span class="token function">yarn</span> <span class="token function">add</span> ant-design-vue
    239. 

  239. </code></pre>
    240. 

  240. <p>\u5982\u679C\u4F60\u7684\u7F51\u7EDC\u73AF\u5883\u4E0D\u4F73\uFF0C\u63A8\u8350\u4F7F\u7528 <a href="https://github.com/cnpm/cnpm" target="_blank" rel="noopener noreferrer">cnpm</a>\u3002</p>
    241. 

  241. <h3 id="\u6D4F\u89C8\u5668\u5F15\u5165">\u6D4F\u89C8\u5668\u5F15\u5165 <a class="header-anchor" href="#\u6D4F\u89C8\u5668\u5F15\u5165">
    242. 

  242.           <span aria-hidden="true" class="anchor">#</span>
    243. 

  243.         </a></h3>
    244. 

  244. <p>\u5728\u6D4F\u89C8\u5668\u4E2D\u4F7F\u7528 <code>script</code> \u548C <code>link</code> \u6807\u7B7E\u76F4\u63A5\u5F15\u5165\u6587\u4EF6\uFF0C\u5E76\u4F7F\u7528\u5168\u5C40\u53D8\u91CF <code>antd</code>\u3002</p>
    245. 

  245. <p>\u6211\u4EEC\u5728 npm \u53D1\u5E03\u5305\u5185\u7684 <code>ant-design-vue/dist</code> \u76EE\u5F55\u4E0B\u63D0\u4F9B\u4E86 <code>antd.js</code> <code>antd.css</code> \u4EE5\u53CA <code>antd.min.js</code> <code>antd.min.css</code>\u3002\u4F60\u4E5F\u53EF\u4EE5\u901A\u8FC7 <a href="https://www.jsdelivr.com/package/npm/ant-design-vue" target="_blank" rel="noopener noreferrer"><img src="https://data.jsdelivr.com/v1/package/npm/ant-design-vue/badge" alt="jsdelivr"></a> \u6216 <a href="https://unpkg.com/ant-design-vue/dist/" target="_blank" rel="noopener noreferrer">UNPKG</a> \u8FDB\u884C\u4E0B\u8F7D\u3002</p>
    246. 

  246. <blockquote>
    247. 

  247. <p><strong>\u5F3A\u70C8\u4E0D\u63A8\u8350\u4F7F\u7528\u5DF2\u6784\u5EFA\u6587\u4EF6</strong>\uFF0C\u8FD9\u6837\u65E0\u6CD5\u6309\u9700\u52A0\u8F7D\uFF0C\u800C\u4E14\u96BE\u4EE5\u83B7\u5F97\u5E95\u5C42\u4F9D\u8D56\u6A21\u5757\u7684 bug \u5FEB\u901F\u4FEE\u590D\u652F\u6301\u3002</p>
    248. 

  248. </blockquote>
    249. 

  249. <blockquote>
    250. 

  250. <p>\u6CE8\u610F\uFF1A\u5F15\u5165 antd.js \u524D\u4F60\u9700\u8981\u81EA\u884C\u5F15\u5165 <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a> \u53CA\u5176\u76F8\u5173\u63D2\u4EF6\u3002</p>
    251. 

  251. </blockquote>
    252. 

  252. <p>\u5982\uFF1A</p>
    253. 

  253. <pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/dayjs/dayjs.min.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    254. 

  254. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/dayjs/plugin/customParseFormat.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    255. 

  255. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/dayjs/plugin/weekday.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    256. 

  256. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/dayjs/plugin/localeData.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    257. 

  257. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/dayjs/plugin/weekOfYear.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    258. 

  258. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/dayjs/plugin/weekYear.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    259. 

  259. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/dayjs/plugin/advancedFormat.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    260. 

  260. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/dayjs/plugin/quarterOfYear.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    261. 

  261. </code></pre>
    262. 

  262. <h2 id="\u793A\u4F8B">\u793A\u4F8B <a class="header-anchor" href="#\u793A\u4F8B">
    263. 

  263.           <span aria-hidden="true" class="anchor">#</span>
    264. 

  264.         </a></h2>
    265. 

  265. <pre class="language-jsx" v-pre><code><span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'ant-design-vue'</span><span class="token punctuation">;</span>
    266. 

  266. app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>DatePicker<span class="token punctuation">)</span><span class="token punctuation">;</span>
    267. 

  267. </code></pre>
    268. 

  268. <p>\u5F15\u5165\u6837\u5F0F\uFF1A</p>
    269. 

  269. <pre class="language-jsx" v-pre><code><span class="token keyword">import</span> <span class="token string">'ant-design-vue/dist/antd.css'</span><span class="token punctuation">;</span> <span class="token comment">// or 'ant-design-vue/dist/antd.less'</span>
    270. 

  270. </code></pre>
    271. 

  271. <h3 id="\u6309\u9700\u52A0\u8F7D">\u6309\u9700\u52A0\u8F7D <a class="header-anchor" href="#\u6309\u9700\u52A0\u8F7D">
    272. 

  272.           <span aria-hidden="true" class="anchor">#</span>
    273. 

  273.         </a></h3>
    274. 

  274. <p>\u4E0B\u9762\u4E24\u79CD\u65B9\u5F0F\u90FD\u53EF\u4EE5\u53EA\u52A0\u8F7D\u7528\u5230\u7684\u7EC4\u4EF6\u3002</p>
    275. 

  275. <ul>
    276. 

  276. <li>
    277. 

  277. <p>\u4F7F\u7528 <a href="https://github.com/ant-design/babel-plugin-import" target="_blank" rel="noopener noreferrer">babel-plugin-import</a>\uFF08\u63A8\u8350\uFF09\u3002</p>
    278. 

  278. <pre class="language-jsx" v-pre><code><span class="token comment">// .babelrc or babel-loader option</span>
    279. 

  279. <span class="token punctuation">{</span>
    280. 

  280.   <span class="token string-property property">"plugins"</span><span class="token operator">:</span> <span class="token punctuation">[</span>
    281. 

  281.     <span class="token punctuation">[</span><span class="token string">"import"</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token string-property property">"libraryName"</span><span class="token operator">:</span> <span class="token string">"ant-design-vue"</span><span class="token punctuation">,</span> <span class="token string-property property">"libraryDirectory"</span><span class="token operator">:</span> <span class="token string">"es"</span><span class="token punctuation">,</span> <span class="token string-property property">"style"</span><span class="token operator">:</span> <span class="token string">"css"</span> <span class="token punctuation">}</span><span class="token punctuation">]</span> <span class="token comment">// \`style: true\` \u4F1A\u52A0\u8F7D less \u6587\u4EF6</span>
    282. 

  282.   <span class="token punctuation">]</span>
    283. 

  283. <span class="token punctuation">}</span>
    284. 

  284. </code></pre>
    285. 

  285. <blockquote>
    286. 

  286. <p>\u6CE8\u610F\uFF1Awebpack 1 \u65E0\u9700\u8BBE\u7F6E <code>libraryDirectory</code>\u3002</p>
    287. 

  287. </blockquote>
    288. 

  288. <p>\u7136\u540E\u53EA\u9700\u4ECE ant-design-vue \u5F15\u5165\u6A21\u5757\u5373\u53EF\uFF0C\u65E0\u9700\u5355\u72EC\u5F15\u5165\u6837\u5F0F\u3002\u7B49\u540C\u4E8E\u4E0B\u9762\u624B\u52A8\u5F15\u5165\u7684\u65B9\u5F0F\u3002</p>
    289. 

  289. <pre class="language-jsx" v-pre><code><span class="token comment">// babel-plugin-import \u4F1A\u5E2E\u52A9\u4F60\u52A0\u8F7D JS \u548C CSS</span>
    290. 

  290. <span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'ant-design-vue'</span><span class="token punctuation">;</span>
    291. 

  291. </code></pre>
    292. 

  292. </li>
    293. 

  293. <li>
    294. 

  294. <p>\u624B\u52A8\u5F15\u5165</p>
    295. 

  295. <pre class="language-jsx" v-pre><code><span class="token keyword">import</span> DatePicker <span class="token keyword">from</span> <span class="token string">'ant-design-vue/lib/date-picker'</span><span class="token punctuation">;</span> <span class="token comment">// \u52A0\u8F7D JS</span>
    296. 

  296. <span class="token keyword">import</span> <span class="token string">'ant-design-vue/lib/date-picker/style/css'</span><span class="token punctuation">;</span> <span class="token comment">// \u52A0\u8F7D CSS</span>
    297. 

  297. <span class="token comment">// import 'ant-design-vue/lib/date-picker/style';         // \u52A0\u8F7D LESS</span>
    298. 

  298. </code></pre>
    299. 

  299. </li>
    300. 

  300. <li>
    301. 

  301. <p>Vite \u6309\u9700</p>
    302. 

  302. <pre class="language-js" v-pre><code><span class="token comment">// vite.config.js</span>
    303. 

  303. <span class="token keyword">import</span> Components <span class="token keyword">from</span> <span class="token string">'unplugin-vue-components/vite'</span><span class="token punctuation">;</span>
    304. 

  304. <span class="token keyword">import</span> <span class="token punctuation">{</span> AntDesignVueResolver <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'unplugin-vue-components/resolvers'</span><span class="token punctuation">;</span>
    305. 

  305. 

  306. <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
    307. 

  307.   <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>
    308. 

  308.     <span class="token comment">/* ... */</span>
    309. 

  309.     <span class="token function">Components</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    310. 

  310.       <span class="token literal-property property">resolvers</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token function">AntDesignVueResolver</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
    311. 

  311.     <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
    312. 

  312.   <span class="token punctuation">]</span><span class="token punctuation">,</span>
    313. 

  313. <span class="token punctuation">}</span><span class="token punctuation">;</span>
    314. 

  314. </code></pre>
    315. 

  315. </li>
    316. 

  316. </ul>
    317. 

  317. <h2 id="\u94FE\u63A5">\u94FE\u63A5 <a class="header-anchor" href="#\u94FE\u63A5">
    318. 

  318.           <span aria-hidden="true" class="anchor">#</span>
    319. 

  319.         </a></h2>
    320. 

  320. <ul>
    321. 

  321. <li><a href="https://www.antdv.com/" target="_blank" rel="noopener noreferrer">\u9996\u9875</a></li>
    322. 

  322. <li><a href="https://ant.design/" target="_blank" rel="noopener noreferrer">Ant Design Of React</a></li>
    323. 

  323. <li><a href="https://www.antdv.com/components/overview-cn" target="_blank" rel="noopener noreferrer">\u7EC4\u4EF6\u5E93</a></li>
    324. 

  324. <li><a href="/docs/vue/changelog-cn">\u66F4\u65B0\u65E5\u5FD7</a></li>
    325. 

  325. <li><a href="https://codesandbox.io/s/agitated-franklin-1w72v" target="_blank" rel="noopener noreferrer">CodeSandbox \u6A21\u677F</a> for bug reports</li>
    326. 

  326. <li><a href="/docs/vue/customize-theme-cn">\u5B9A\u5236\u4E3B\u9898</a></li>
    327. 

  327. <li><a href="/docs/vue/faq-cn">\u5E38\u89C1\u95EE\u9898</a></li>
    328. 

  328. <li><a href="/docs/vue/sponsor-cn">\u652F\u6301\u6211\u4EEC</a></li>
    329. 

  329. <li><a href="https://github.com/vueComponent/ant-design-vue-awesome" target="_blank" rel="noopener noreferrer">Awesome Ant Design</a></li>
    330. 

  330. </ul>
    331. 

  331. <h2 id="\u5982\u4F55\u8D21\u732E">\u5982\u4F55\u8D21\u732E <a class="header-anchor" href="#\u5982\u4F55\u8D21\u732E">
    332. 

  332.           <span aria-hidden="true" class="anchor">#</span>
    333. 

  333.         </a></h2>
    334. 

  334. <p>\u5982\u679C\u4F60\u5E0C\u671B\u53C2\u4E0E\u8D21\u732E\uFF0C\u6B22\u8FCE <a href="https://github.com/vueComponent/ant-design-vue/pulls" target="_blank" rel="noopener noreferrer">Pull Request</a>\uFF0C\u6216\u7ED9\u6211\u4EEC <a href="https://vuecomponent.github.io/issue-helper/" target="_blank" rel="noopener noreferrer">\u62A5\u544A Bug</a>(<a href="http://ant-design-vue.gitee.io/issue-helper/" target="_blank" rel="noopener noreferrer">\u56FD\u5185\u955C\u50CF</a>)\u3002</p>
    335. 

  335. <blockquote>
    336. 

  336. <p>\u5F3A\u70C8\u63A8\u8350\u9605\u8BFB <a href="https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way" target="_blank" rel="noopener noreferrer">\u300A\u63D0\u95EE\u7684\u667A\u6167\u300B</a>\u3001<a href="https://github.com/seajs/seajs/issues/545" target="_blank" rel="noopener noreferrer">\u300A\u5982\u4F55\u5411\u5F00\u6E90\u793E\u533A\u63D0\u95EE\u9898\u300B</a> \u548C <a href="http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html" target="_blank" rel="noopener noreferrer">\u300A\u5982\u4F55\u6709\u6548\u5730\u62A5\u544A Bug\u300B</a>\u3001<a href="https://zhuanlan.zhihu.com/p/25795393" target="_blank" rel="noopener noreferrer">\u300A\u5982\u4F55\u5411\u5F00\u6E90\u9879\u76EE\u63D0\u4EA4\u65E0\u6CD5\u89E3\u7B54\u7684\u95EE\u9898\u300B</a>\uFF0C\u66F4\u597D\u7684\u95EE\u9898\u66F4\u5BB9\u6613\u83B7\u5F97\u5E2E\u52A9\u3002</p>
    337. 

  337. </blockquote>
    338. 

  338. <h2 id="\u5173\u4E8E-ant-design-vue">\u5173\u4E8E ant-design-vue <a class="header-anchor" href="#\u5173\u4E8E-ant-design-vue">
    339. 

  339.           <span aria-hidden="true" class="anchor">#</span>
    340. 

  340.         </a></h2>
    341. 

  341. <p>\u4F17\u6240\u5468\u77E5\uFF0CAnt Design \u4F5C\u4E3A\u4E00\u95E8\u8BBE\u8BA1\u8BED\u8A00\u9762\u4E16\uFF0C\u7ECF\u5386\u8FC7\u591A\u5E74\u7684\u8FED\u4EE3\u548C\u79EF\u7D2F\uFF0C\u5B83\u5BF9 UI \u7684\u8BBE\u8BA1\u601D\u60F3\u5DF2\u7ECF\u6210\u4E3A\u4E00\u5957\u4E8B\u5B9E\u6807\u51C6\uFF0C\u53D7\u5230\u4F17\u591A\u524D\u7AEF\u5F00\u53D1\u8005\u53CA\u4F01\u4E1A\u7684\u8FFD\u6367\u548C\u559C\u7231\uFF0C\u4E5F\u662F React \u5F00\u53D1\u8005\u624B\u4E2D\u7684\u795E\u5175\u5229\u5668\u3002\u5E0C\u671B ant-design-vue \u80FD\u591F\u8BA9 Vue \u5F00\u53D1\u8005\u4E5F\u4EAB\u53D7\u5230 Ant Design \u7684\u4F18\u79C0\u8BBE\u8BA1\u3002</p>
    342. 

  342. <p>ant-design-vue \u662F Ant Design \u7684 Vue \u5B9E\u73B0\uFF0C\u7EC4\u4EF6\u7684\u98CE\u683C\u4E0E Ant Design \u4FDD\u6301\u540C\u6B65\uFF0C\u7EC4\u4EF6\u7684 html \u7ED3\u6784\u548C css \u6837\u5F0F\u4E5F\u4FDD\u6301\u4E00\u81F4\uFF0C\u771F\u6B63\u505A\u5230\u4E86\u6837\u5F0F 0 \u4FEE\u6539\uFF0C\u7EC4\u4EF6 API \u4E5F\u5C3D\u91CF\u4FDD\u6301\u4E86\u4E00\u81F4\u3002</p>
    343. 

  343. <p>Ant Design Vue \u81F4\u529B\u4E8E\u63D0\u4F9B\u7ED9\u7A0B\u5E8F\u5458<strong>\u6109\u60A6</strong>\u7684\u5F00\u53D1\u4F53\u9A8C\u3002</p>
    344. 

  344. <h2 id="\u7279\u522B\u611F\u8C22">\u7279\u522B\u611F\u8C22 <a class="header-anchor" href="#\u7279\u522B\u611F\u8C22">
    345. 

  345.           <span aria-hidden="true" class="anchor">#</span>
    346. 

  346.         </a></h2>
    347. 

  347. <p><a href="https://github.com/ant-design/ant-design/blob/master/AUTHORS.txt" target="_blank" rel="noopener noreferrer">Ant Design Team</a></p>
    348. 

  348. `,lastUpdated:1748060301811}},o={class:"markdown"};function r(c,n,l,i,u,g){return e(),a("article",o,n[0]||(n[0]=[t(`<h1 id="Ant-Design-of-Vue">Ant Design of Vue <a class="header-anchor" href="#Ant-Design-of-Vue"><span aria-hidden="true" class="anchor">#</span></a></h1><p>\u8FD9\u91CC\u662F Ant Design \u7684 Vue \u5B9E\u73B0\uFF0C\u5F00\u53D1\u548C\u670D\u52A1\u4E8E\u4F01\u4E1A\u7EA7\u540E\u53F0\u4EA7\u54C1\u3002</p><div class="pic-plus"><img width="150" src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"><span>+</span><img width="160" src="https://qn.antdv.com/vue.png"></div><h2 id="\u7279\u6027">\u7279\u6027 <a class="header-anchor" href="#\u7279\u6027"><span aria-hidden="true" class="anchor">#</span></a></h2><ul><li>\u63D0\u70BC\u81EA\u4F01\u4E1A\u7EA7\u4E2D\u540E\u53F0\u4EA7\u54C1\u7684\u4EA4\u4E92\u8BED\u8A00\u548C\u89C6\u89C9\u98CE\u683C\u3002</li><li>\u5F00\u7BB1\u5373\u7528\u7684\u9AD8\u8D28\u91CF Vue \u7EC4\u4EF6\u3002</li><li>\u5171\u4EAB<a href="http://ant-design.gitee.io/docs/spec/introduce-cn" target="_blank" rel="noopener noreferrer">Ant Design of React</a>\u8BBE\u8BA1\u5DE5\u5177\u4F53\u7CFB\u3002</li></ul><h2 id="\u652F\u6301\u73AF\u5883">\u652F\u6301\u73AF\u5883 <a class="header-anchor" href="#\u652F\u6301\u73AF\u5883"><span aria-hidden="true" class="anchor">#</span></a></h2><ul><li>\u73B0\u4EE3\u6D4F\u89C8\u5668, \u5982\u679C\u9700\u8981\u652F\u6301 IE9\uFF0C\u4F60\u53EF\u4EE5\u9009\u62E9\u4F7F\u7528 <a href="https://1x.antdv.com/" target="_blank" rel="noopener noreferrer">1.x \u7248\u672C</a>\u3002</li><li>\u652F\u6301\u670D\u52A1\u7AEF\u6E32\u67D3\u3002</li><li><a href="https://electronjs.org/" target="_blank" rel="noopener noreferrer">Electron</a></li></ul><table><thead><tr><th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px"></a><br>IE / Edge</th><th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px"></a><br>Firefox</th><th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px"></a><br>Chrome</th><th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px"></a><br>Safari</th><th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px"></a><br>Opera</th><th><a href="http://godban.github.io/browsers-support-badges/" target="_blank" rel="noopener noreferrer"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px"></a><br>Electron</th></tr></thead><tbody><tr><td>Edge</td><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td><td>last 2 versions</td></tr></tbody></table><h2 id="\u7248\u672C">\u7248\u672C <a class="header-anchor" href="#\u7248\u672C"><span aria-hidden="true" class="anchor">#</span></a></h2><ul><li>\u7A33\u5B9A\u7248\uFF1A<a href="https://www.npmjs.org/package/ant-design-vue" target="_blank" rel="noopener noreferrer"><img src="https://img.shields.io/npm/v/ant-design-vue.svg?style=flat-square" alt="npm package"></a></li></ul><p>\u4F60\u53EF\u4EE5\u8BA2\u9605\uFF1A<a href="https://github.com/vueComponent/ant-design-vue/releases.atom" target="_blank" rel="noopener noreferrer">https://github.com/vueComponent/ant-design-vue/releases.atom</a> \u6765\u83B7\u5F97\u7A33\u5B9A\u7248\u53D1\u5E03\u7684\u901A\u77E5\u3002</p><h2 id="\u5B89\u88C5">\u5B89\u88C5 <a class="header-anchor" href="#\u5B89\u88C5"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="\u4F7F\u7528-npm-\u6216-yarn-\u5B89\u88C5">\u4F7F\u7528 npm \u6216 yarn \u5B89\u88C5 <a class="header-anchor" href="#\u4F7F\u7528-npm-\u6216-yarn-\u5B89\u88C5"><span aria-hidden="true" class="anchor">#</span></a></h3><p><strong>\u6211\u4EEC\u63A8\u8350\u4F7F\u7528 npm \u6216 yarn \u7684\u65B9\u5F0F\u8FDB\u884C\u5F00\u53D1</strong>\uFF0C\u4E0D\u4EC5\u53EF\u5728\u5F00\u53D1\u73AF\u5883\u8F7B\u677E\u8C03\u8BD5\uFF0C\u4E5F\u53EF\u653E\u5FC3\u5730\u5728\u751F\u4EA7\u73AF\u5883\u6253\u5305\u90E8\u7F72\u4F7F\u7528\uFF0C\u4EAB\u53D7\u6574\u4E2A\u751F\u6001\u5708\u548C\u5DE5\u5177\u94FE\u5E26\u6765\u7684\u8BF8\u591A\u597D\u5904\u3002</p><pre class="language-bash"><code>$ <span class="token function">npm</span> <span class="token function">install</span> ant-design-vue <span class="token parameter variable">--save</span>
    349. 

  349. </code></pre><pre class="language-bash"><code>$ <span class="token function">yarn</span> <span class="token function">add</span> ant-design-vue
    350. 

  350. </code></pre><p>\u5982\u679C\u4F60\u7684\u7F51\u7EDC\u73AF\u5883\u4E0D\u4F73\uFF0C\u63A8\u8350\u4F7F\u7528 <a href="https://github.com/cnpm/cnpm" target="_blank" rel="noopener noreferrer">cnpm</a>\u3002</p><h3 id="\u6D4F\u89C8\u5668\u5F15\u5165">\u6D4F\u89C8\u5668\u5F15\u5165 <a class="header-anchor" href="#\u6D4F\u89C8\u5668\u5F15\u5165"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u5728\u6D4F\u89C8\u5668\u4E2D\u4F7F\u7528 <code>script</code> \u548C <code>link</code> \u6807\u7B7E\u76F4\u63A5\u5F15\u5165\u6587\u4EF6\uFF0C\u5E76\u4F7F\u7528\u5168\u5C40\u53D8\u91CF <code>antd</code>\u3002</p><p>\u6211\u4EEC\u5728 npm \u53D1\u5E03\u5305\u5185\u7684 <code>ant-design-vue/dist</code> \u76EE\u5F55\u4E0B\u63D0\u4F9B\u4E86 <code>antd.js</code> <code>antd.css</code> \u4EE5\u53CA <code>antd.min.js</code> <code>antd.min.css</code>\u3002\u4F60\u4E5F\u53EF\u4EE5\u901A\u8FC7 <a href="https://www.jsdelivr.com/package/npm/ant-design-vue" target="_blank" rel="noopener noreferrer"><img src="https://data.jsdelivr.com/v1/package/npm/ant-design-vue/badge" alt="jsdelivr"></a> \u6216 <a href="https://unpkg.com/ant-design-vue/dist/" target="_blank" rel="noopener noreferrer">UNPKG</a> \u8FDB\u884C\u4E0B\u8F7D\u3002</p><blockquote><p><strong>\u5F3A\u70C8\u4E0D\u63A8\u8350\u4F7F\u7528\u5DF2\u6784\u5EFA\u6587\u4EF6</strong>\uFF0C\u8FD9\u6837\u65E0\u6CD5\u6309\u9700\u52A0\u8F7D\uFF0C\u800C\u4E14\u96BE\u4EE5\u83B7\u5F97\u5E95\u5C42\u4F9D\u8D56\u6A21\u5757\u7684 bug \u5FEB\u901F\u4FEE\u590D\u652F\u6301\u3002</p></blockquote><blockquote><p>\u6CE8\u610F\uFF1A\u5F15\u5165 antd.js \u524D\u4F60\u9700\u8981\u81EA\u884C\u5F15\u5165 <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a> \u53CA\u5176\u76F8\u5173\u63D2\u4EF6\u3002</p></blockquote><p>\u5982\uFF1A</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>https://unpkg.com/dayjs/dayjs.min.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    351. 

  351. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>https://unpkg.com/dayjs/plugin/customParseFormat.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    352. 

  352. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>https://unpkg.com/dayjs/plugin/weekday.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    353. 

  353. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>https://unpkg.com/dayjs/plugin/localeData.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    354. 

  354. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>https://unpkg.com/dayjs/plugin/weekOfYear.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    355. 

  355. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>https://unpkg.com/dayjs/plugin/weekYear.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    356. 

  356. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>https://unpkg.com/dayjs/plugin/advancedFormat.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    357. 

  357. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>https://unpkg.com/dayjs/plugin/quarterOfYear.js<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    358. 

  358. </code></pre><h2 id="\u793A\u4F8B">\u793A\u4F8B <a class="header-anchor" href="#\u793A\u4F8B"><span aria-hidden="true" class="anchor">#</span></a></h2><pre class="language-jsx"><code><span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue&#39;</span><span class="token punctuation">;</span>
    359. 

  359. app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>DatePicker<span class="token punctuation">)</span><span class="token punctuation">;</span>
    360. 

  360. </code></pre><p>\u5F15\u5165\u6837\u5F0F\uFF1A</p><pre class="language-jsx"><code><span class="token keyword">import</span> <span class="token string">&#39;ant-design-vue/dist/antd.css&#39;</span><span class="token punctuation">;</span> <span class="token comment">// or &#39;ant-design-vue/dist/antd.less&#39;</span>
    361. 

  361. </code></pre><h3 id="\u6309\u9700\u52A0\u8F7D">\u6309\u9700\u52A0\u8F7D <a class="header-anchor" href="#\u6309\u9700\u52A0\u8F7D"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u4E0B\u9762\u4E24\u79CD\u65B9\u5F0F\u90FD\u53EF\u4EE5\u53EA\u52A0\u8F7D\u7528\u5230\u7684\u7EC4\u4EF6\u3002</p><ul><li><p>\u4F7F\u7528 <a href="https://github.com/ant-design/babel-plugin-import" target="_blank" rel="noopener noreferrer">babel-plugin-import</a>\uFF08\u63A8\u8350\uFF09\u3002</p><pre class="language-jsx"><code><span class="token comment">// .babelrc or babel-loader option</span>
    362. 

  362. <span class="token punctuation">{</span>
    363. 

  363.   <span class="token string-property property">&quot;plugins&quot;</span><span class="token operator">:</span> <span class="token punctuation">[</span>
    364. 

  364.     <span class="token punctuation">[</span><span class="token string">&quot;import&quot;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span> <span class="token string-property property">&quot;libraryName&quot;</span><span class="token operator">:</span> <span class="token string">&quot;ant-design-vue&quot;</span><span class="token punctuation">,</span> <span class="token string-property property">&quot;libraryDirectory&quot;</span><span class="token operator">:</span> <span class="token string">&quot;es&quot;</span><span class="token punctuation">,</span> <span class="token string-property property">&quot;style&quot;</span><span class="token operator">:</span> <span class="token string">&quot;css&quot;</span> <span class="token punctuation">}</span><span class="token punctuation">]</span> <span class="token comment">// \`style: true\` \u4F1A\u52A0\u8F7D less \u6587\u4EF6</span>
    365. 

  365.   <span class="token punctuation">]</span>
    366. 

  366. <span class="token punctuation">}</span>
    367. 

  367. </code></pre><blockquote><p>\u6CE8\u610F\uFF1Awebpack 1 \u65E0\u9700\u8BBE\u7F6E <code>libraryDirectory</code>\u3002</p></blockquote><p>\u7136\u540E\u53EA\u9700\u4ECE ant-design-vue \u5F15\u5165\u6A21\u5757\u5373\u53EF\uFF0C\u65E0\u9700\u5355\u72EC\u5F15\u5165\u6837\u5F0F\u3002\u7B49\u540C\u4E8E\u4E0B\u9762\u624B\u52A8\u5F15\u5165\u7684\u65B9\u5F0F\u3002</p><pre class="language-jsx"><code><span class="token comment">// babel-plugin-import \u4F1A\u5E2E\u52A9\u4F60\u52A0\u8F7D JS \u548C CSS</span>
    368. 

  368. <span class="token keyword">import</span> <span class="token punctuation">{</span> DatePicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue&#39;</span><span class="token punctuation">;</span>
    369. 

  369. </code></pre></li><li><p>\u624B\u52A8\u5F15\u5165</p><pre class="language-jsx"><code><span class="token keyword">import</span> DatePicker <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/lib/date-picker&#39;</span><span class="token punctuation">;</span> <span class="token comment">// \u52A0\u8F7D JS</span>
    370. 

  370. <span class="token keyword">import</span> <span class="token string">&#39;ant-design-vue/lib/date-picker/style/css&#39;</span><span class="token punctuation">;</span> <span class="token comment">// \u52A0\u8F7D CSS</span>
    371. 

  371. <span class="token comment">// import &#39;ant-design-vue/lib/date-picker/style&#39;;         // \u52A0\u8F7D LESS</span>
    372. 

  372. </code></pre></li><li><p>Vite \u6309\u9700</p><pre class="language-js"><code><span class="token comment">// vite.config.js</span>
    373. 

  373. <span class="token keyword">import</span> Components <span class="token keyword">from</span> <span class="token string">&#39;unplugin-vue-components/vite&#39;</span><span class="token punctuation">;</span>
    374. 

  374. <span class="token keyword">import</span> <span class="token punctuation">{</span> AntDesignVueResolver <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;unplugin-vue-components/resolvers&#39;</span><span class="token punctuation">;</span>
    375. 

  375. 

  376. <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
    377. 

  377.   <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>
    378. 

  378.     <span class="token comment">/* ... */</span>
    379. 

  379.     <span class="token function">Components</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    380. 

  380.       <span class="token literal-property property">resolvers</span><span class="token operator">:</span> <span class="token punctuation">[</span><span class="token function">AntDesignVueResolver</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">]</span><span class="token punctuation">,</span>
    381. 

  381.     <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
    382. 

  382.   <span class="token punctuation">]</span><span class="token punctuation">,</span>
    383. 

  383. <span class="token punctuation">}</span><span class="token punctuation">;</span>
    384. 

  384. </code></pre></li></ul><h2 id="\u94FE\u63A5">\u94FE\u63A5 <a class="header-anchor" href="#\u94FE\u63A5"><span aria-hidden="true" class="anchor">#</span></a></h2><ul><li><a href="https://www.antdv.com/" target="_blank" rel="noopener noreferrer">\u9996\u9875</a></li><li><a href="https://ant.design/" target="_blank" rel="noopener noreferrer">Ant Design Of React</a></li><li><a href="https://www.antdv.com/components/overview-cn" target="_blank" rel="noopener noreferrer">\u7EC4\u4EF6\u5E93</a></li><li><a href="/docs/vue/changelog-cn">\u66F4\u65B0\u65E5\u5FD7</a></li><li><a href="https://codesandbox.io/s/agitated-franklin-1w72v" target="_blank" rel="noopener noreferrer">CodeSandbox \u6A21\u677F</a> for bug reports</li><li><a href="/docs/vue/customize-theme-cn">\u5B9A\u5236\u4E3B\u9898</a></li><li><a href="/docs/vue/faq-cn">\u5E38\u89C1\u95EE\u9898</a></li><li><a href="/docs/vue/sponsor-cn">\u652F\u6301\u6211\u4EEC</a></li><li><a href="https://github.com/vueComponent/ant-design-vue-awesome" target="_blank" rel="noopener noreferrer">Awesome Ant Design</a></li></ul><h2 id="\u5982\u4F55\u8D21\u732E">\u5982\u4F55\u8D21\u732E <a class="header-anchor" href="#\u5982\u4F55\u8D21\u732E"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u5982\u679C\u4F60\u5E0C\u671B\u53C2\u4E0E\u8D21\u732E\uFF0C\u6B22\u8FCE <a href="https://github.com/vueComponent/ant-design-vue/pulls" target="_blank" rel="noopener noreferrer">Pull Request</a>\uFF0C\u6216\u7ED9\u6211\u4EEC <a href="https://vuecomponent.github.io/issue-helper/" target="_blank" rel="noopener noreferrer">\u62A5\u544A Bug</a>(<a href="http://ant-design-vue.gitee.io/issue-helper/" target="_blank" rel="noopener noreferrer">\u56FD\u5185\u955C\u50CF</a>)\u3002</p><blockquote><p>\u5F3A\u70C8\u63A8\u8350\u9605\u8BFB <a href="https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way" target="_blank" rel="noopener noreferrer">\u300A\u63D0\u95EE\u7684\u667A\u6167\u300B</a>\u3001<a href="https://github.com/seajs/seajs/issues/545" target="_blank" rel="noopener noreferrer">\u300A\u5982\u4F55\u5411\u5F00\u6E90\u793E\u533A\u63D0\u95EE\u9898\u300B</a> \u548C <a href="http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html" target="_blank" rel="noopener noreferrer">\u300A\u5982\u4F55\u6709\u6548\u5730\u62A5\u544A Bug\u300B</a>\u3001<a href="https://zhuanlan.zhihu.com/p/25795393" target="_blank" rel="noopener noreferrer">\u300A\u5982\u4F55\u5411\u5F00\u6E90\u9879\u76EE\u63D0\u4EA4\u65E0\u6CD5\u89E3\u7B54\u7684\u95EE\u9898\u300B</a>\uFF0C\u66F4\u597D\u7684\u95EE\u9898\u66F4\u5BB9\u6613\u83B7\u5F97\u5E2E\u52A9\u3002</p></blockquote><h2 id="\u5173\u4E8E-ant-design-vue">\u5173\u4E8E ant-design-vue <a class="header-anchor" href="#\u5173\u4E8E-ant-design-vue"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u4F17\u6240\u5468\u77E5\uFF0CAnt Design \u4F5C\u4E3A\u4E00\u95E8\u8BBE\u8BA1\u8BED\u8A00\u9762\u4E16\uFF0C\u7ECF\u5386\u8FC7\u591A\u5E74\u7684\u8FED\u4EE3\u548C\u79EF\u7D2F\uFF0C\u5B83\u5BF9 UI \u7684\u8BBE\u8BA1\u601D\u60F3\u5DF2\u7ECF\u6210\u4E3A\u4E00\u5957\u4E8B\u5B9E\u6807\u51C6\uFF0C\u53D7\u5230\u4F17\u591A\u524D\u7AEF\u5F00\u53D1\u8005\u53CA\u4F01\u4E1A\u7684\u8FFD\u6367\u548C\u559C\u7231\uFF0C\u4E5F\u662F React \u5F00\u53D1\u8005\u624B\u4E2D\u7684\u795E\u5175\u5229\u5668\u3002\u5E0C\u671B ant-design-vue \u80FD\u591F\u8BA9 Vue \u5F00\u53D1\u8005\u4E5F\u4EAB\u53D7\u5230 Ant Design \u7684\u4F18\u79C0\u8BBE\u8BA1\u3002</p><p>ant-design-vue \u662F Ant Design \u7684 Vue \u5B9E\u73B0\uFF0C\u7EC4\u4EF6\u7684\u98CE\u683C\u4E0E Ant Design \u4FDD\u6301\u540C\u6B65\uFF0C\u7EC4\u4EF6\u7684 html \u7ED3\u6784\u548C css \u6837\u5F0F\u4E5F\u4FDD\u6301\u4E00\u81F4\uFF0C\u771F\u6B63\u505A\u5230\u4E86\u6837\u5F0F 0 \u4FEE\u6539\uFF0C\u7EC4\u4EF6 API \u4E5F\u5C3D\u91CF\u4FDD\u6301\u4E86\u4E00\u81F4\u3002</p><p>Ant Design Vue \u81F4\u529B\u4E8E\u63D0\u4F9B\u7ED9\u7A0B\u5E8F\u5458<strong>\u6109\u60A6</strong>\u7684\u5F00\u53D1\u4F53\u9A8C\u3002</p><h2 id="\u7279\u522B\u611F\u8C22">\u7279\u522B\u611F\u8C22 <a class="header-anchor" href="#\u7279\u522B\u611F\u8C22"><span aria-hidden="true" class="anchor">#</span></a></h2><p><a href="https://github.com/ant-design/ant-design/blob/master/AUTHORS.txt" target="_blank" rel="noopener noreferrer">Ant Design Team</a></p>`,42)]))}const k=s(p,[["render",r]]);export{k as default};
    385.