VantUI组件库 (vant 2)
1. vantUI地址
https://vant-contrib.gitee.io/vant/v2/
https://vant-ui.github.io/vant/v2/
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"
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 葡萄城 AI 搜索升级:DeepSeek 加持,客户体验更智能
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏