JSFiddle - React, Tailwind, and code Playground

by Yessika Budiono

HTML

<script src="https://unpkg.com/[email protected]"></script>
<script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
<div id="app">
<div v-cloak>{{ message }}</div>
</div>

CSS

[v-cloak] {
  display: none;
}

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    message: '',
    chunk: {
    	'satu': ['a', 'b', 'c', 'd'],
      'dua': ['a', 'b', 'c', 'd'],
      'tiga': ['a', 'b', 'c', 'd']
    }
  },
  mounted: function() {
  	_.forEach(this.chunk, function (value, key) {
    	_.forEach(value, function (row, index) {
      	console.log(row);
    	});
    });
    this.message = "Hello Vue!";
  }
})