安装
在现有项目中使用 vant 时,可以通过 npm 进行安装:
Vue 3 项目,安装最新版 Vant
- npm i vant
登录后复制
Vue 2 项目,安装 Vant 2
- npm i vant@latest-v2
登录后复制
当然,你也可以通过 yarn 或 pnpm 进行安装:
通过 yarn 安装
立即学习“前端免费学习笔记(深入)”;
- yarn add vant
登录后复制
通过 pnpm 安装
- pnpm add vant
登录后复制
引入
全局引入
- import Vant from 'vant';import 'vant/lib/index.css';createApp.use(Vant);
登录后复制
按需引入
- // 1. 引入你需要的组件import { Button } from 'vant';// 2. 引入组件样式import 'vant/lib/index.css';createApp(App).use(Button);
登录后复制
以上就是vue3怎么安装vant实现按需引入和全局引入的详细内容,更多请关注【创想鸟】其它相关文章!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。