vue3安装vant实现按需引入和全局引入
作者:奶糖 肥晨
本文主要介绍了vue3安装vant实现按需引入和全局引入,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
安装
在现有项目中使用 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实现按需引入和全局引入的文章就介绍到这了,更多相关vue3 ant按需引入和全局引入内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!