关于前端开发数据设计模拟问题

Question

在Vue前端开发前期时,很多场景下没有数据,都是要自己模拟数据,对应这种数据自己写假数据模拟,感觉很鸡肋,不知道怎么写比较合理方便自己
比如我外层要遍历,那我可能存在多个列表项,那我想模拟10条列表项数据不知道从何处下手,不知道有没有和我遇到一样问题的.
还有就是自己写的数据开发起来很费劲,不知道怎么设计数据才对自己有优势,这一块百度也没用太多答案.

比如:上图有三个列表项, 一个列表项又有 n个小容器,这个小容器往往也是遍历生成的,所以真不知道该怎么弄好,希望有高人指点下.非常感谢

Answer 1

笨方法，就是先做 1 个基本项，数据写死，v-for 生成几个相同的基本项。大框架就有了。
后续用相应字段替换掉占位的写死数据就行了。

<div v-for="i in 10">
  <h1>xxxx</h1>
  <ul>
    <li v-for="j in 5">{{ j }}</i>
  </ul>
</div>