如何在Vue.js中访问经过筛选的数组计算值？

在Vue.js中，可以通过计算属性和过滤器的方式访问经过筛选的数组计算值。

计算属性：计算属性是基于它们的依赖进行缓存的属性，只有在相关依赖发生改变时才会重新计算。可以使用计算属性来访问经过筛选的数组计算值。以下是一个示例：

data() {
  return {
    numbers: [1, 2, 3, 4, 5],
    evenNumbers: []
  };
},
computed: {
  filteredNumbers() {
    this.evenNumbers = this.numbers.filter(number => number % 2 === 0);
    return this.evenNumbers;
  },
  sumOfFilteredNumbers() {
    return this.filteredNumbers.reduce((a, b) => a + b, 0);
  }
}

在上述示例中，filteredNumbers是经过筛选的数组，sumOfFilteredNumbers是经过筛选的数组的和。在模板中，你可以直接通过filteredNumbers和sumOfFilteredNumbers访问这些计算值。

过滤器：过滤器可以用于在文本格式化输出时对数据进行处理。你可以使用过滤器来访问经过筛选的数组计算值。以下是一个示例：

data() {
  return {
    numbers: [1, 2, 3, 4, 5]
  };
},
filters: {
  filterEvenNumbers(numbers) {
    return numbers.filter(number => number % 2 === 0);
  },
  calculateSum(numbers) {
    return numbers.reduce((a, b) => a + b, 0);
  }
}

在上述示例中，filterEvenNumbers过滤器返回经过筛选的数组，calculateSum过滤器返回经过筛选的数组的和。在模板中，你可以通过{{ numbers | filterEvenNumbers | calculateSum }}来访问这些计算值。

以上是在Vue.js中访问经过筛选的数组计算值的两种常用方法。当你需要对数组进行筛选并计算值时，可以选择适合你需求的方法来实现。