title: DIsplay data from JSON API using vuejs and axios
body: <p>Below is my JS and HTML code for a Vue.js application I'm building. </p>
  
  <p>The data returns fine but I'm unable to display it on the front.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>data() {
      return {
        overview: this.getOverview()
      }
  
    },
    methods: {
      getOverview() {
        return axios.get('http://localhost:8000/v1/overview')
          .then(response =&gt; {
            this.results = response.data
            console.log('results data', this.results)
          })
          .catch(function(error) {
            console.log(error);
          })
      }
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;tr v-for="overview in overview"&gt;
    &lt;td&gt;
      {{overview.id}}
    &lt;/td&gt;
  
    &lt;td&gt;&lt;/td&gt;
    &lt;td class="text-right"&gt;
      {{overview.schools}}
    &lt;/td&gt;
    &lt;td class="text-right"&gt;
      {{overview.primary}}
    &lt;/td&gt;
    &lt;td class="text-right"&gt;
      {{overview.secondary}}
    &lt;/td&gt;
  
  &lt;/tr&gt;</code></pre>
  </div>
  </div>
  
   JSON data</p>
  
  <pre><code>{"schools":545,"counsellors":4,"reports":13,"sub_regions":[{"id":1,"name":"Barima-Waini","schools":45,"primary":42,"secondary":3},{"id":2,"name":"Pomeroon-Supenaam","schools":45,"primary":37,"secondary":8},{"id":3,"name":"Essequibo Islands-West Demerara","schools":72,"primary":59,"secondary":13},{"id":4,"name":"Georgetown","schools":69,"primary":54,"secondary":15},{"id":5,"name":"Outside Georgetown","schools":62,"primary":31,"secondary":31},{"id":6,"name":"Mahaica-Berbice","schools":39,"primary":32,"secondary":7},{"id":7,"name":"East Berbice-Corentyne","schools":71,"primary":54,"secondary":17},{"id":8,"name":"Cuyuni-Mazaruni","schools":31,"primary":28,"secondary":3},{"id":9,"name":"Potaro-Siparuni","schools":22,"primary":20,"secondary":2},{"id":10,"name":"Upper Takutu-Upper Essequibo","schools":49,"primary":45,"secondary":4},{"id":11,"name":"Upper Demerara-Upper Berbice","schools":40,"primary":32,"secondary":8}]}
  </code></pre>