vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue3 ant按需引入和全局引入

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按需引入和全局引入内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文