ant design vue 基础_ant-design-vue

官网：

https://www.antdv.com/components/drawer-cn/

1什么是ant-design-vue?

Ant Design是蚂蚁金服技术部经过大量项目时间和总结，设计的前端UI组件库
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品

2 ant-design-vue作用？

ant-design-pro-vue:使用 vue+ant-design-vue 开发的项目

*用于开发和服务与企业后台产品

3.如何使用

# 1.安装
cnpm install ant-design-vue --save
 
# 2.main.js中全局引入并注册
import Vue from 'vue'
import App from './App'
import Antd from 'ant-design-vue'
import router from './router'
import 'ant-design-vue/dist/antd.css'
 
Vue.config.productionTip = false
Vue.use(Antd)
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})
# 3.在页面中不再需要引入注册组件，可以直接使用所有的组件
<template>
  <div>
    <a-button type="primary">
      Primary
    </a-button>
    <a-button>Defa