VantUI组件库 (vant 2)
1. vantUI地址
https://vant-contrib.gitee.io/vant/v2/#/zh-CN/
https://vant-ui.github.io/vant/v2/#/zh-CN/calendar#jie-shao //速度慢
2. 安装vant
npm i vant@latest-v2 -S
3. 引入组件
vant快速上手中三种方式(去vant官网查看copy即可)
1. 自动按需引入组件(推荐)
1) 安装插件 => npm i bable-plugin-import -D
2) 更改配置文件
3) 引入所需组件
为了方便管理,可以在src中创建一个目录,里面创建js文件用来专门写引入组件和使用组件的内容,然后在main.js中引入这个文件.
eg: src/vantui/index.js
main.js => import '@vantui';
index.js => import Vue from 'vue';
import { Button,Search,... } from 'vant';
Vue.use(Button);
Vue.use(Search);
2. 手动按需引入组件
3. 导入所有组件
*vue中清除所有默认样式
1. 安装插件
npm i reset-css
2. 在main.js中引入
import "reset-css"