如何将自定义过滤结果传递给原组件？

// 自定义过滤器函数
function customFilter(data) {
  // 过滤逻辑，这里以筛选出大于等于10的数据为例
  return data.filter(item => item >= 10);
}

// 原组件
const OriginalComponent = {
  data() {
    return {
      originalData: [5, 10, 15, 20]
    };
  },
  computed: {
    filteredData() {
      // 调用自定义过滤器函数，将原始数据传递给它进行过滤
      return customFilter(this.originalData);
    }
  },
  template: `
    <div>
      <h2>原始数据：</h2>
      <ul>
        <li v-for="item in originalData" :key="item">{{ item }}</li>
      </ul>
      <h2>过滤后的数据：</h2>
      <ul>
        <li v-for="item in filteredData" :key="item">{{ item }}</li>
      </ul>
    </div>
  `
};

// 在适当的地方使用原组件