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,让咱们一起致力走向巅峰!