世界消息!vue3安装vant 按需引入和全局引入
2023-04-05 20:24:47 来源:腾讯云
(资料图片仅供参考)
安装
在现有项目中使用 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);
标签: