如何使用API在Vuejs中使用复选框过滤数据？

<template>
  <div>
    <div>
      <label v-for="option in options" :key="option.value">
        <input type="checkbox" v-model="selectedOptions" :value="option.value" @change="filterData" />
        {{ option.label }}
      </label>
    </div>
    <ul>
      <li v-for="item in filteredData" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' }
      ],
      selectedOptions: [],
      data: [
        { id: 1, name: 'Item 1', options: ['option1', 'option2'] },
        { id: 2, name: 'Item 2', options: ['option2', 'option3'] },
        { id: 3, name: 'Item 3', options: ['option1', 'option3'] }
      ]
    };
  },
  computed: {
    filteredData() {
      if (this.selectedOptions.length === 0) {
        return this.data;
      } else {
        return this.data.filter(item => {
          return this.selectedOptions.every(option => item.options.includes(option));
        });
      }
    }
  },
  methods: {
    filterData() {
      // 这里可以调用API获取数据，然后更新this.data
    }
  }
};
</script>