遍历数组对象，属性state为1，是未完成，2是进行中，3是超期，4是已撤销 vue3.0

在Vue 3.0中，遍历数组对象并检查每个对象的`state`属性通常是在组件的`setup`函数或者模板中的`v-for`循环中进行的。假设你有一个数组`tasks`，里面存储了这些状态的对象：

<template>
  <ul>
    <li v-for="task in tasks" :key="task.id">
      {{ task.name }} - 状态: {{ task.state }}
      <!-- 根据任务状态显示相应提示 -->
      <span v-if="task.state === 1">未完成</span>
      <span v-if="task.state === 2">进行中</span>
      <span v-if="task.state === 3">超期</span>
      <span v-if="task.state === 4">已撤销</span>
    </li>
  </ul>
</template>

<script setup>
import { ref } from 'vue';

const tasks = ref([
  { id: 1, name: '任务1', state: 1 },
  { id: 2, name: '任务2', state: 2 },
  // 更多任务...
]);
</script>

在这个例子中，我们使用了Vue的响应式API `ref`来管理任务列表，并通过条件渲染 (`v-if`) 来根据`state`值展示不同的状态说明。