关于vue.js:vueAnt-Design-of-Vue使用一

vue+Ant Design of Vue 应用

1. 开发环境 vue+Ant Design of Vue
2. 电脑系统 windows10 专业版
3. 在开发的过程中, 咱们常常会应用到前端的各种 ui 框架, 在这里我应用的是 Ant Ddesign of vue, 上面我来说一下装置和简略的应用!
4.Ant Design of vue 官网地址是:

https://www.antdv.com/docs/vue/introduce-cn/

5. 应用终端 (管理员身份, 不然可能会失败), 输出命令:

npm install ant-design-vue --save

6. 而后在 mainjs 中增加如下代码:

import {DatePicker} from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.use(DatePicker);

7. 按需导入办法:

 在 main.js 中增加如下:
import {Button} from 'ant-design-vue';
Vue.use(Button);
// 而后就能够在所有的页面, 应用 Button 组件, 如果你应用的组件比拟多的时候, 这样就会比拟麻烦!

8. 全副导入办法:

import Antd from 'ant-design-vue';
import {DatePicker} from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd);
Vue.use(DatePicker);
// 这样你就能够在所有的页面中应用 Ant Design of vue 的所有内容 

9. 本期的教程到了这里就完结啦, 是不是很 nice, 让咱们一起致力走向巅峰!