title: iterating json data with Vue js v-for
body: <p>I have JSON data structured as follows:</p>
  
  <pre><code>Table - 
      0 -
            0 - "xyz"
            1 - "abc"
            **2 - 45**
            3 - "ab"
            ...
      1 -   ...
      2 -   ...
      3 -   ...
      ....
  </code></pre>
  
  <p>I am trying to get the value of the index 2 of the inner indexed data for every outer index. How do I do it with v-for. I have tried it this way but it is not working.</p>
  
  <pre><code>&lt;table&gt;
     &lt;tr v-for = "row in rows"&gt;
        &lt;td&gt;{{ row[2] }}&lt;/td&gt;
     &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I am adding an abbr version of the actual data</p>
  
  <pre><code>{
    "Table":[
       [
         null,
         3,
         47,
         "new planning",
         "planning_new_0314",
         null,
         .....
       ],
       [ + ],
       [ + ],
       ...
  
     ]
  }
  </code></pre>
  
  <p>I am getting the following error in the console window of IE 11 -
  <strong>Unable to get property '2' of undefined or null reference</strong></p>
  
  <p>But I am seeing data in my page if I write this - </p>
  
  <pre><code>&lt;tr v-for = "row in rows"&gt;
        &lt;td&gt;{{ row }}&lt;/td&gt;
     &lt;/tr&gt;
  </code></pre>
  
  <p>How do I do this? 
  Thanks</p>