title: Vue.js nested v-repeat: How to access parent $index inside child?
body: <p>I am unable to do this:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li v-repeat="candy: candies"&gt;
          &lt;ul&gt;
              &lt;li v-repeat="flavour: candy.flavours"&gt;
                  {{ candy.$index }}
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt; 
  &lt;/ul&gt;
  </code></pre>
  
  <p>Any work around?</p>