如何将其他兄弟姐妹的值更改为vue？

我不建议您更改另一个兄弟姐妹的值，因为您无法确定它可能导致的副作用，显然当您查看待办事项列表时，会感觉没有副作用，但总的来说实践中，一个节点应该改变父系中位于它之下的元素，既不高于也不在兄弟姐妹。

如果你想改变上面的元素，它总是通过事件驱动。你让父母知道有些事情需要改变，而不是自己改变。

这是您可以在此处执行的操作：

1. 而使用editable作为数据属性，把它作为一个支柱到TodoListItem组件。

    props: {
      editable: {
        type: Boolean,
        default: false
      },
    }

2. 当在子组件中单击 Save/Edit 按钮时，与其更改值本身，不如使用这样的事件。

/** You should keep a deepCopy of the props if you are changing the state
 of that object and then send the updated local data prop to the parent 
 as well for updation rather than changing the prop object.
 NEVER CHANGE THE PROP OBJECT DIRECTLY. -> this.todoItem = 
 this.deepCopy(this.todo); 
 Do this in before mount hook of the child component.
**/
this.$emit('todo-item-action', action, todoItem);

3. 发出此事件后，在父TodoList组件中，捕获此事件并更改项目的状态，如下所示：

      <todo-list-item
        v-for="todo in todos"
        :key="todo['id']"
        :todo="todo"
        :editable="todo['editable']"
        @todo-item-action="handleItemAction"
      >

或者如果你不想改变 todo 对象。在这里，您可以确保 editableItem 是null在未选择任何内容或仅引用活动项目 ID 的情况下，以便道具将更改并且其他列表项目将自动变为不可编辑。

      <todo-list-item
        v-for="todo in todos"
        :key="todo['id']"
        :todo="todo"
        :editable="editableItem === todo['id']"
        @todo-item-action="handleItemAction"
      >

您通过事件和道具驱动组件的次数越多，它的可重用性就越高。始终有一个协调器组件，它stateless通过处理由它们传播的事件并通过 props 发送状态来操纵这些组件。

这是我一直遵循的方法，它总是让我能够干净、快速地重构。

问候。