vue中如何引入Ant Design of Vue

全局引入

在【main.js】添加以下代码：

import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd)

按需引入

在【main.js】添加以下代码：

import { Button} from 'ant-design-vue'
Vue.use(Button);

全局提示message

在【main.js】添加以下代码：

import { message } from 'ant-design-vue'
Vue.prototype.$message = message;

在【test.vue】中：this.$message.error(‘111’)

按需引入时的confirm

在【test.vue】中：

import confirm from 'ant-design-vue/es/modal/confirm'
confirm({
       title: '提示',
        content: '确定保存设置吗？',
        okText: '确定',
        okType: 'info',
        cancelText: '取消',
        onOk() {},
        onCancel() {},
 });