JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <table border>
    <tr v-for="(site, siteIndex) in mySites" :key="siteIndex">
      <td>
         {{ myStatusObject[site].someString }}
      </td> 
      <td>
        {{ site }}
      </td>
    </tr>
  </table>
</div>

JavaScript

new Vue({
  el: '#app',
  
  data () {
    return {
      mySites: ['abc', 'def'],
    
      myStatusObject: {
        "abc": { someString: "test1" },
        "def": { someString: "test2" }
      }
    }
  }
})