vue cli3 項目按需引入Ant Design of Vue

1、安裝依賴

npm install ant-design-vue --save

2、main.js 引入

import 'ant-design-vue/dist/antd.css';

import { DatePicker } from 'ant-design-vue';

Vue.use(DatePicker);
3、組件中文 

首先main.js 

import LocaleProvider from 'ant-design-vue'

Vue.use(LocaleProvider)　　

在app.vue

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

<script>
import zh_CN from "ant-design-vue/lib/locale-provider/zh_CN";
export default {
  name: "app",
 
  data() {
    return {
      locale: zh_CN,
    };
  },
  components: {},
};
</script>

完工