VantUI

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"
posted @   又又儿  阅读(401)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 葡萄城 AI 搜索升级:DeepSeek 加持,客户体验更智能
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
点击右上角即可分享
微信分享提示