antd-vue 国际化配置

按照官方文档: LocaleProvider 使用 Vue 的 provide/inject 特性，只需在应用外围包裹一次即可全局生效。即把需要做住国际化的组件使用 ‘a-locale-provider’ 标签包裹起来即可。但是这里会有一个问题，控制台会报一个warning。

<a-locale-provider :locale="locale">
   <div id="app">
     <router-view />
   </div>
 </a-locale-provider>

这个warning的意思是LocaleProvider的a-local-provider已经弃用了，我们需要使用a-config-provider将其替换就好了。

1.将根组件包裹

<a-config-provider :locale="zhCN">
   <div id="app">
     <router-view />
   </div>
 </a-config-provider>

 2.引入中文包，配置中文环境（安装ant-design-vue依赖时默认安装了语言包此时只需引入）

import zhCN from "ant-design-vue/es/locale/zh_CN"; //引入antd中文包
import moment from "moment"; //引入moment
moment.locale("zh-cn"); //配置moment中文环境