今天我随便试两个组件   

第一个轮播图

在minn.js 引入 import { createApp } from 'vue'; import { Swipe, SwipeItem } from 'vant'; const app = createApp(); app.use(Swipe); app.use(SwipeItem);

<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item>1</van-swipe-item>
  <van-swipe-item>2</van-swipe-item>
  <van-swipe-item>3</van-swipe-item>
  <van-swipe-item>4</van-swipe-item>
</van-swipe>

<style>
  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    line-height: 150px;
    text-align: center;
    background-color: #39a9ed;
  }
</style>

引入后直接把这些的组件标签放到响应的地方  然后拿返回的数据进行循环  v-for=“”

再将其于 循环

第二个弹窗

再二阶段都是手写 或网上搜  在修改 真心不爽

现在学了vue 哈哈 直接组件上

minm.js引入即可

import { createApp } from 'vue'; import { Dialog } from 'vant'; const app = createApp(); app.use(Dialog); 

正常的语法提示

import { showDialog } from 'vant';

showDialog({ message: '提示' });

就一点东西 组件嘛