JSFiddle - React, Tailwind, and code Playground

by Snj

HTML

<div id="vue-instance">
  <div id="range">
      <li v-for="(item, key, index) in objectItems">
        {{ key }}: {{ key.item }}
      </li>
  </div>
</div>

Babel + JSX

var videList = { "MD5":{
    "891a750c3171b383cfef54f1974afa9f":[
      {
        "nrScreens":10,
        "ogFilepath":"c:\\users\\wna\\desktop\\slask\\js\\webmcrea\\sample\\BigBuckBunny.mp4"
      }
    ],
    "11111111111111111111111111111111":[
      {
        "nrScreens":99,
        "ogFilepath":"c:\\TESTESTEST.mp4"
      }
    ]
  }
}

const VM = new Vue({
  el: '#vue-instance',
  
  data () {
    return {
        objectItems: videList['MD5']
    }
  }
  
});