输入内容，从数组对象里筛选相匹配的 vue3.0

在Vue 3.0中，你可以使用数组的`filter()`方法结合对象的属性来从数组对象中筛选出匹配特定条件的对象。假设你有一个对象数组，每个对象都有一个名为`property`的字段，你想找出所有`property`值等于给定值的元素。下面是一个示例：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in filteredItems" :key="index">{{ item.property }}</li>
    </ul>
    <input v-model="searchTerm" placeholder="搜索 property 值...">
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, property: 'apple' },
        { id: 2, property: 'banana' },
        { id: 3, property: 'orange' },
      ],
      searchTerm: '',
      filteredItems: [],
    };
  },
  computed: {
    // 使用计算属性过滤数组
    filteredItems() {
      return this.items.filter(item => item.property.includes(this.searchTerm));
    },
  },
};
</script>

在这个例子中，当你在输入框中输入内容，`filteredItems`计算属性会实时更新，只显示那些`property`字段包含输入内容的对象列表。