title: V-For not outputting
body: <p>I'm very new to vue.js.</p>
  
  <p>I'm trying to output to a <strong><code>v-for</code></strong> in the middle of a table on my page, and although there are no errors reported my element is not being rendered. </p>
  
  <p>I know that my data is appearing to the page properly as I can inspect it using the vue.js dev tools.</p>
  
  <p>Could anyone point out what I've gotten wrong please? If anything was reported in the console I could work from there but there's nothing.</p>
  
  <p><strong>My code is:</strong></p>
  
  <pre><code>&lt;template v-for="item in dashboardData.items"&gt;
     &lt;tr&gt;
        &lt;td class="position"&gt;{}{item.position}}&lt;/td&gt;
        &lt;td&gt;{{item.salespersonname}}&lt;/td&gt;
        &lt;td&gt;{{item.units_week1}}&lt;/td&gt;
        &lt;td&gt;{{item.weeklytargetform_week1}}&lt;/td&gt;
        &lt;td&gt;{{item.targetstreak}}&lt;/td&gt;
        &lt;td&gt;£{{item.targetsales}}&lt;/td&gt;
        &lt;td&gt;£{{item.actualsales}}&lt;/td&gt;
        &lt;td&gt;{{item.points}}&lt;/td&gt;
        &lt;td&gt;{{item.performancelevel}}&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p><strong>and my script is:</strong></p>
  
  <pre><code>&lt;script&gt;
  $.get("https://xxxxx.co.uk/reporting/dashboards/team/detailed/week", function(
    data
  ) {
    var dataItems = data.items;
    var vm = new Vue({
      el: "#main",
      data: {
        dashboardData: dataItems
      }
    });
  });
  &lt;/script&gt;
  </code></pre>