讨论关于VUE中循环渲染数据和视图展示问题

---

前言

以下问题都是我在实际项目中遇到的，对于刚入坑的小伙伴来说可能会有些许帮助，如果该篇文档有帮助到你，那么我忙里偷闲的写文章也算值了

---

一、问题描述

在使用vue循环渲染页面数据的时候，视图只会展示循环的最后一次数据。

二、问题解析

1.问题展示

代码如下（示例）：
譬如我要实现如下的简单效果（下图为elementUI的进度条组件，我们今天是模拟这个效果，当然，不用实现这么麻烦，只需要实现把数字从0~100在页面上递增显示就可以了）

如果是你要模拟这个功能，你是否第一时间想到的是如下代码

new Vue({
   
        el:"#app",
        data(){
   
            return {
   
                temp:''
            }