title: How to avoid duplicate values in the output of v-for loop in vuejs
body: <p>I want to remove or filter out the duplicate values in the output of my <strong>v-for</strong> loop. So, that '<strong>John</strong>' appears only once instead of appearing twice in the output. Is that possible to do in <strong>vuejs</strong> ?</p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var app = new Vue({
               el: "#app",
               data: function () {
                       return {
                         searchFields: ['number', 'name'],
                         search: '',
                         items: [
                                 { name: 'Mary'},
                                 { name: 'John'},
                                 { name: 'John'},
                                 { name: 'William'}
                               ]
                        };
               }
  });
  </code></pre>
  
  <p><a href="http://codepen.io/audhit/pen/LkmXNY" rel="nofollow">Codepen</a></p>