title: vue remove duplicate loops in table
body: <p>I have duplicate json data ... how to remove duplicate data based on <code>id_cms_users</code> and display the data to the table</p>
  
  <p>I tried the method at <a href="https://codepen.io/roverv/pen/YQvdya" rel="nofollow noreferrer">https://codepen.io/roverv/pen/YQvdya</a> but only for one columns to display</p>
  
  <pre><code>&lt;tr  v-for="coba in ayam "&gt;
    &lt;td&gt;{{ coba.id_cms_users }}&lt;/td&gt;
    &lt;td&gt;{{ coba.cms_users_name }}&lt;/td&gt;
    &lt;td&gt;{{ coba.berminat }}&lt;/td&gt;
  &lt;/tr&gt;
  
  var app = new Vue({
    el: "#app",
    data: function () {
      return {
        ayam: [{
              id: 62,
              id_cms_users: 7,
              cms_users_name: "Imam Prasetyo",
              berminat: 1
          },
          {
              id: 61,
              id_cms_users: 7,
              cms_users_name: "Imam Prasetyo",
              berminat: 1
          },
  
          {
              id: 56,
              id_cms_users: 20,
              cms_users_name: "Nanda Rusfikri",
              berminat: 2
          }
          ]
      };
    },
  
  });
  </code></pre>