多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 按需引入 ### 安装自动化插件 > 用yarn安装 `yarn add babel-plugin-import -D` > 或者用npm安装 `npm i babel-plugin-import -D ` package.json 中出现如下代码则安装成功 ![](https://img.kancloud.cn/4b/d6/4bd69d3efbbadce2cb311958b1c9096f_412x291.png) ## 使用vant组件 ``` 第一步引入组件 import { Swipe, SwipeItem } from'vant'; 第二步 注册组件 components: { [Swipe.name]: Swipe, [SwipeItem.name]: SwipeItem } 第三步使用组件 <van-swipe indicator-color="white"> <van-swipe-item class="swiper-item" v-for="(item,index) of banner" :key="index"> <img :src="item.banner" /> </van-swipe-item> </van-swipe> ```