title: Arrays and nested Arrays in Vue.JS
body: <p>In a component I have these arrays :</p>
  
  <pre><code>export default {
    data() {
  
      return {
  
        userGrades: [
          [course= "Mathematics"], [grade = 18 ],
          [course= "Physics"], [grade = 15 ],
        ],
  
  
        userSubscriptions: [
          [option= "Swiming Pool"], [price = 60 ],
          [option= "Fiteness Club"], [price = 30 ],
        ],
  
  
        userContact: [(phone = "00000000"), (fax = "11111111")],
  
  
  
      }
  </code></pre>
  
  <p>I want to use neted v-for directives to list them.
  With a single array, it's straight forward,
  but when I use nested v-for, the code compiles, but nothing  is rendered</p>