需要使用一个组件中的复选框来过滤数据，这里的数据来自另一个组件中的axios

npm install axios

import axios from 'axios';

axios.get('https://api.example.com/data')
  .then(response => {
    // 在这里处理获取到的数据
    const data = response.data;
    // 进行数据过滤操作
    // ...
  })
  .catch(error => {
    // 处理请求错误
    console.error(error);
  });

<template>
  <div>
    <label>
      <input type="checkbox" v-model="filterOption1"> 选项1
    </label>
    <label>
      <input type="checkbox" v-model="filterOption2"> 选项2
    </label>
    <!-- 显示过滤后的数据 -->
    <ul>
      <li v-for="item in filteredData" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      filterOption1: false,
      filterOption2: false,
      data: [], // 存储从另一个组件中获取的数据
    };
  },
  computed: {
    filteredData() {
      // 根据复选框的选中状态进行数据过滤
      let filteredData = this.data;
      if (this.filterOption1) {
        filteredData = filteredData.filter(item => item.option1 === true);
      }
      if (this.filterOption2) {
        filteredData = filteredData.filter(item => item.option2 === true);
      }
      return filteredData;
    },
  },
};
</script>