JSFiddle - React, Tailwind, and code Playground

by Snj

HTML

<div id="vue-instance">
  <div id="range">
      <li v-for="(item, key, index) in objectItems">
        {{ index }}: {{ key }} - {{ item.ogFilepath }}
      </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']
    }
  }
  
});