vue3 使用 filter的方法进行匹配的对象

• <template>
    <div v-if="show.length>=1">
      <!-- 显示过滤出来的结果 -->
      {{ show[0].name }}
    </div>
  </template>
  <script setup>
  import { ref, reactive, onMounted } from "vue"
  // 创建一个匹配的id
  let id = ref(1);
  // 假设我们有一个对象数组  
  let objects = reactive([
    { id: 1, name: 'Object 1' },
    { id: 2, name: 'Object 2' },
    { id: 3, name: 'Object 3' },
  ]);
  // 创建一个变量来显示结果
  let show = ref('')
  
  const findObjectByIdUsingFilter = (id) => {
    // 我们通过filter过滤器找到id等于1的对象
    let filteredObjects = objects.filter(obj => obj.id === id);
    // 返回结果
    return filteredObjects
  }
  onMounted(() => {
    show.value = findObjectByIdUsingFilter(id.value)
    console.log(show.value,'ASDKASDJASD');
  })
  </script>
  <style lang="less" scoped></style>