title: Creating a proxy object on the array with data downloaded from api
body: <p>I don't know why after saving the data downloaded from api to the table, the table is closed in the proxy object.</p>
  <pre><code>data() {
      return {
        date: [],
    },
  
  async dataToChart(code){
     try{
        const response = await fetch(`https://api.covid19api.com/total/country/${code}`);
        const data = await response.json();
  
        data.forEach((el, i) =&gt; {
        if(i &gt; 250){
          this.date.push(el.Date)
        }
      });
      }catch(error){
         console.log(error);
      }
    },
  </code></pre>
  <p>and when I pass this table to a child component and display it there using <code>console.log</code>, the proxy object pops up:</p>
  <pre><code>Proxy {}
      [[Handler]]: Object
      [[Target]]: Array(49)
      [[IsRevoked]]: false
  </code></pre>