Как передать одну запись из списка в качестве реквизита в Vue

Question

Допустим, у меня есть следующий список данных:

data: {
    todos: [
      { id: 1, title: "Learn Python" },
      { id: 2, title: "Learn JS" },
      { id: 3, title: "Create WebApp" }
    ]
  }

Теперь я хочу передать только запись с идентификатором 2 в реквизит:

<dynamic-prop :id=todos[2] :title="todos.title"> </dynamic-prop>

Это что-то вроде что возможно в Vue?

Answer 1

Конечно, вы можете передать любой data. Только не забудьте добавить кавычки и помните о проблеме "один за другим". Поэтому, если вы хотите передать второй элемент в массиве (с нулевым индексом), вы должны написать что-то вроде:

<dynamic-prop :id="todos[1].id" :title="todos[1].title"> </dynamic-prop>