如何使用vue删除重复列表？

new Vue({
  el: '#app',
  data: {
    list: ['apple', 'banana', 'apple', 'orange', 'banana']
  },
  methods: {
    removeDuplicates: function() {
      this.list = [...new Set(this.list)];
    }
  }
});

<div id="app">
  <ul>
    <li v-for="item in list">{{ item }}</li>
  </ul>
  <button v-on:click="removeDuplicates">删除重复项</button>
</div>