Как в один столбец таблицы вывести значения из объекта?

В Vue.js, чтобы вывести значения из объекта в один столбец таблицы, можно использовать директиву v-for и привязку данных.

Для начала, у вас должен быть объект, содержащий необходимые значения. Допустим, у вас есть массив объектов, и каждый объект имеет свойства "name", "age" и "city". Вот пример такого массива:

data() {
  return {
    users: [
      { name: "John", age: 25, city: "New York" },
      { name: "Anna", age: 30, city: "London" },
      { name: "Peter", age: 22, city: "Paris" }
    ]
  };
}

Теперь вы можете использовать директиву v-for для создания столбца таблицы, который выводит значения из объекта:

<table>
  <tr v-for="user in users" :key="user.name">
    <td>{{ user.name }}</td>
  </tr>
</table>

В этом примере мы используем директиву v-for, чтобы пройти по каждому объекту в массиве users. Для каждой итерации цикла создается новая строка <tr>, и значение свойства "name" выводится в ячейку <td>.

За счет атрибута :key мы обеспечиваем уникальность каждого объекта в списке, чтобы Vue мог оптимизировать перерисовку компонента при изменении данных.

Таким образом, после выполнения этого кода у вас будет создан столбец таблицы, содержащий значения из свойства "name" каждого объекта массива. Вы можете аналогичным образом добавить еще столбцы, чтобы вывести другие значения из объекта.