使用vue3+ts 寻找符合条件的数组的方法

你可以使用Vue3中的computed属性结合数组的filter方法来实现寻找符合条件的数组的方法。具体步骤如下：

1. 在Vue组件中定义一个computed属性，将需要过滤的数组作为计算属性的依赖项。

import { defineComponent, computed } from 'vue'

export default defineComponent({
  setup() {
    const arr = [
      { name: 'Tom', age: 18 },
      { name: 'Jack', age: 20 },
      { name: 'Lucy', age: 22 },
    ]

    const filteredArr = computed(() => {
      return arr.filter(item => item.age > 18)
    })

    return {
      filteredArr
    }
  }
})

2. 在computed属性的函数中使用数组的filter方法，过滤出符合条件的数组。
在上面的例子中，使用数组的filter方法过滤出年龄大于18岁的对象。

3. 在模板中使用computed属性中的数组即可。

<template>
  <div>
    <ul>
      <li v-for="item in filteredArr" :key="item.name">
        {{ item.name }} - {{ item.age }}
      </li>
    </ul>
  </div>
</template>

在模板中使用computed属性中的数组即可。在上面的例子中，只会显示年龄大于18岁的对象。