Vant2组件的使用

发布时间:2024年01月15日

组件地址:Vant 2 - Mobile UI Components built on VueMobile UI Components built on Vueicon-default.png?t=N7T8https://vant-contrib.gitee.io/vant/v2/#/zh-CN/

通过 npm 安装

# Vue 3 项目,安装最新版 Vant: npm i vant -S

# Vue 2 项目,安装 Vant 2: npm i vant@latest-v2 -S

引入组件(三种方式)

其他两种方式官网中“快速上手”上有

第三种方式:Vant 支持一次性导入所有组件,引入所有组件会增加代码包体积,因此不推荐这种做法。

在main.js中引用

import Vue from 'vue';

import Vant from 'vant';

import 'vant/lib/index.css';

Vue.use(Vant);

导入某个组件

比如轮播图:

文章来源:https://blog.csdn.net/LxyingINGing/article/details/135603807
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。