title: Display JSON array in Vuejs
body: <p>I'm getting this data from the Coldfusion Framework/1 API in JSON format:</p>
  
  <pre><code>{
    "COLUMNS": [
      "PRODUCT_ID",
      "PRODUCT_NAME",
      "PRODUCT_STATUS",
      "DT_CREATED"
    ],
    "DATA": [
      [
        102,
        "Window",
        "In Production",
        "November, 02 2018 10:33:13"
      ],
      [
        105,
        "Window",
        "Delivered",
        "November, 11 2018 15:00:00"
      ],
      ETC...
    ]
  }
  </code></pre>
  
  <p>In developer tools, using Vue tool, I got this:</p>
  
  <ul>
  <li>data
  
  <ul>
  <li>errored: false</li>
  <li>loading: true</li>
  <li>windows: Object
  
  <ul>
  <li>COLUMNS: Array[4]</li>
  <li>DATA: Array[22]</li>
  </ul></li>
  </ul></li>
  </ul>
  
  <p>I'm using axios</p>
  
  <pre><code>new Vue({
      el: '#windows-list-data',
      data() {
        return {
        windows: null,
        loading: true,
        errored: false
      }
   },
  mounted() {
    axios
      .get('https://my-server.local/index.cfm?action=api.get')
      .then( response =&gt; {
        this.windows = response.data
  
       })
      .catch( error =&gt;  {
        console.log(error) 
        this.errored = true
      })
      .finally( () =&gt; this.loading = false )
  }
  </code></pre>
  
  <p>Can someone tell me how to render the data in Vuejs in a view?
  thanks</p>