JSFiddle - React, Tailwind, and code Playground

by bpmania

HTML

<div id="app">
  <ul>
    <li v-for="item in filteredFrouts">${ item }</li>
  </ul>
</div>

Vue

var vm = new Vue({
  el: '#app',
  delimiters: ['${', '}'],
  data: {
    frouts: [
      {
        name: 'Apple',
        count: 10
      },
      {
        name: 'Orange',
        count: 5
      },
      {
        name: 'Banana',
        count: 20
      },
    ]
  },
  computed: {
    filteredFrouts: function() {
      return this.frouts.map(function(item) {
        return item.count
      });
    }
  }
});