How to avoid duplicate values in the output of v-for loop in vuejs
<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>