columns: [ { title: "策划设计阶段工作包", align: "center", children: [ { title: " ", align: "center", children: [ { title: "工作包名称", key: "street", align: "center", }, { title: "负责人", key: "other", align: "center", }, { title: "审核人", key: "building", align: "center", }, { title: "计划开始时间", key: "startTime", align: "center", }, { title: "计划完成时间", key: "endTime", align: "center", }, { title: "状态", key: "tasktype", align: "center", }, { title: "操作", key: "undertaker", align: "center", }, ], }, ], }, ],改成<script setup>写法

将 `columns` 属性改写成 `<script setup>` 语法的代码如下所示：

<script setup>
const columns = [
  {
    title: "策划设计阶段工作包",
    align: "center",
    children: [
      {
        title: " ",
        align: "center",
        children: [
          {
            title: "工作包名称",
            key: "street",
            align: "center",
          },
          {
            title: "负责人",
            key: "other",
            align: "center",
          },
          {
            title: "审核人",
            key: "building",
            align: "center",
          },
          {
            title: "计划开始时间",
            key: "startTime",
            align: "center",
          },
          {
            title: "计划完成时间",
            key: "endTime",
            align: "center",
          },
          {
            title: "状态",
            key: "tasktype",
            align: "center",
          },
          {
            title: "操作",
            key: "undertaker",
            align: "center",
          },
        ],
      },
    ],
  },
];
</script>

在 `<script setup>` 中定义变量时，无需使用 `data` 函数，直接使用 `const` 或 `let` 定义即可。