vant 轮播图怎么实现图片懒加载

Question

vue.js 和 vant.js 均使用CDN方式引入，在页面上怎么实现轮播图 图片懒加载？

<div id="aaa">
<van-swipe :autoplay="3000">
  <van-swipe-item v-for="(image, index) in images" :key="index">
    <img v-lazy="image" />
  </van-swipe-item>
</van-swipe>
</div>
<script>vue.min.js</script>
<script>vant.min.js</script>
<script>
var vm = new Vue({
    el: '#aaa',
    data: {
        images: [
            'https://img.yzcdn.cn/vant/apple-1.jpg',
            'https://img.yzcdn.cn/vant/apple-2.jpg'
        ],
    }
});
</script>

网上搜的资料全是使用Vue Cli方式 么有找到CDN方式使用方法，求解~~

Answer 1

你把写的

<script>vue.min.js</script>
<script>vant.min.js</script>

换成真实的地址，就可以了。

vue-cli最后也是要把js挂载到页面中，什么cdn，vue-cli，都一样。

Answer 2

在new Vue前加

 Vue.use(vant.Lazyload, {
        lazyComponent: true
    });