Rest 连接到flask API的带有动态列的Vuejs表

我正在使用Flask、SQLAlchemy和Vuejs构建一个web应用程序。我构建了一个API，用于将数据库中的数据传递到一个表中，该表是作为Vuejs组件构建的。我希望我的表组件尽可能通用，以便在不同的地方重用它。 对于我的第一次尝试，我的API返回如下数据：

data = [
{
firstName: ‘Joe’,
    lastName: ‘Bradley’,
    email: ‘joe@company.com
},
{
firstName: ‘Mary’,
    lastName: ‘Kelly’,
    email: ‘mary@company.com
},
{etc....}
]

现在，我的Vue表组件具有硬编码的列标题，但我希望表组件能够根据接收到的数据动态更改列数。我不希望标题被硬编码。我可能有一个不同的表，它显示4列完全不同的数据。如何在Vue组件中设置列标题

我有一些想法：

• 在API响应中包括列标题列表，以便 表知道要使用哪些标题吗
• 创建一个单独的API端点，该端点返回列的映射 数据库字段名的标题
• 只需将标题硬编码到Vue表中并定义一个新表 每次我要显示不同数据集时的组件

在这种情况下，有人能提供最佳实践建议吗？我是自学成才的，对这一点很陌生，你可能已经从这个问题中了解到了这一点。提前谢谢