仅将前端的属性添加到数组（从后端获取）

Question

我只为Vue js学习，并且想做一个简单的“ TODO应用”。我已经在Django中完成了后端工作，现在我想创建一个前端。我像这样将数据发送到我的Vue js：

应用看起来像这样：

我想添加功能来更改我的待办事项，但此更改的表单应隐藏。如何控制每个TODO的隐藏表单？我应该在后端添加一个文件吗？像这样：

id: 101
title: 'HEY HEY'
change-show: false

或者我应该在获得数据时在前端添加它？或者更好的方法（我认为我的两种方法都不是“最佳实践”）

模板代码：

<template>
  <div class="todo">
    <form v-on:submit.prevent="add_todo">
      <input required v-model="new_todo_text"/>
      <button>Add new todo</button>
    </form>
    <ul v-for="(todo, index) in todos" v-bind:key="index">
      <li>{{todo.title}}
        <button v-on:click="remove_todo(todo.id, index)">Remove</button>
        <button>Change</button>
        <form v-on:submit.prevent="change_todo(index) v-if="WHAT SHOULD BE HERE">
          <input required v-model="WHAT SHOULD BE HERE"/>
          <button>Change todo</button>
        </form>
      </li>
    </ul>
  </div>
</template>