Ant Design of Vue 組件庫的使用

文檔里面很清楚 安裝步驟 這是全部引入的

npm add ant-design-vue

1.在main.js中引用

// 引入Ant Design Vue
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.config.productionTip = false
Vue.use(Antd);

2.漢化處理

 // 國際化
    import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
    import moment from 'moment';
    import 'moment/locale/zh-cn';
    moment.locale('zh-cn');

在data中聲明使用：
zh_CN,

在上邊包裹顯示

 <a-config-provider :locale="zh_CN">
            <router-view v-if="$route.meta.keepAlive == undefined"></router-view>
 </a-config-provider>