官网:
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