为什么数据渲染不出来template div class=task-list1111 h1 class=title任务清单h1 hr todo-input add=addNewTasktodo-input ul li v-for=task in list key=taskid taskcontent li ul todo-

在你的代码中，数据名称为taskList，但是在模板中使用的是list。因此，需要将v-for指令中的“list”改为“taskList”，以便正确渲染数据。修改后的代码如下：

<template>
  <div class="task-list">
    <h1 class="title">任务清单</h1>
    <hr>
    <todo-input @add="addNewTask"></todo-input>
    <ul>
      <li v-for="task in taskList" :key="task.id">
        {{ task.content }}
      </li>
    </ul>
    <todo-button v-model:active="activeBtnIndex"></todo-button>
  </div>
</template>