2021-01-28

组件库ant design vue 使用学习：

1：  这里是 ant Design 的 vue 实现，开发和服务企业级后台产品。

2：  特性：

    2.1：  提炼自企业级中后台产品交互语言和视觉风格

    2.2：  开箱即用的高质量Vue 组件库

    2.3：  共想ant design of React  设计工具体系

3： 支持环境：

    3.1：  支持浏览器和IE9 及其以上

     3.2： 支持服务器渲染

简介： ant Design of Vue 是  ant Design 的 Vue 实现， 开发和服务于企业级后台管理产品。

4：  安装： ant Design of Vue 安装：

      npm 安装

1：  npm install ant-design-vue  --save;

     yarn 安装

2:    Yarn  

     Yarn install ant-deaign-vue  --save

3: 使用：

import Vue from 'vue';
import Antd from 'ant-design-vue';
import App from './App';
import 'ant-design-vue/dist/antd.css';
Vue.config.productionTip = false;

Vue.use(Antd);

/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>',
});

4： 局部导入：

import Vue from 'vue';
import { Button, message } from 'ant-design-vue';
import App from './App';

Vue.config.productionTip = false;

/* v1.1.2 */
Vue.component(Button.name, Button);
Vue.component(Button.Group.name, Button.Group);

/* v1.1.3+ 自动注册Button下组件，如Button.Group */
Vue.use(Button);

Vue.prototype.$message = message;

/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>',
});