title: VueJs: API call in mounted very slow
body: <p>in my Vue js project i have problem with API data, the page loads fast but data from API takes more than 5 sec to load. However, my Api response is very fast in console.
  in below code i implemented api in other file called API services and i put a class that contains all my APIs called <code>BuildingService</code>, so i called API on mounted and it loads slow
  can any one help me in this?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script&gt;
    import Vue from 'vue'
    import BuildingsService from "@/services/ApiService"
  
    Vue.use(VueClipboard)
    export default {
      data(){
        return{
  buildings:[],
  
        }
      },
      name: 'icons',
      components: {
        BaseHeader
      },
    
      mounted:function(){
            BuildingsService.getBuildings().then((response) =&gt; {
        this.buildings = response.data.response;
        console.log(response.data.response,"dd");
  
      });
      }
  
     
     
            
        
    };
  &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> 
                &lt;b-col lg="3" md="6"  v-for="(building, index) in buildings"
                :key="index" &gt;
  &gt;{{building.building_number}}
     
                &lt;/b-col&gt;
           </code></pre>
  </div>
  </div>
  </p>