vant前端人员开发问题

Question

最近研究vant框架，因为不会vue，所以cdn使用的，现在遇到一个问题：

我在页面里面是直接把静态的数据写在页面上，还是把数据卸载data里面？

比如页面上一个轮播的功能，之前写HTML页面的时候代码是直接写在页面上的，程序开发直接循环列表。

<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <!--开发人员是否只循环一个 van-swipe-item 去实现轮播的功能？-->
  <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>

现在vue是在data里面的，前端人员直接给循环出了数据。

<van-swipe class="my-swipe" :autoplay="3000" indicator-color="#f00">
    <van-swipe-item v-for="item in banner" :key="banner">
        <a :href="item.url"><img :src="item.thumb"></a>
    </van-swipe-item>
</van-swipe>

这来写法不知道哪个是正确的，希望大佬们回答一下。

Answer 1

如果数据是固定的那么两种都可以，
如果数据是后台给予的，就用下面这种，初始化后获取到图片路径，存在banner里面