Vuejs2 如何操作QTable的JSON数组

如果以下数组用作Qtable的数据

user = { fname: "mike", lname : "duke", age : 35, hobby :"swimming"}

我们会得到

|fname | lname |年龄|爱好|

|迈克|杜克| 35 |游泳|

问题1。如何操作用户数组和/或Qtable属性使其成为

|键|值|

|fname |迈克|

|杜克|

|年龄| 35|

|爱好|游泳|

用户数组将从API动态加载，内容会有所不同

问题2。是否有任何其他类星体组件可用于查看/列出上述内容？

<q-table .... :data="userData" ..... />

.
.
.
computed: {
  userdata () {
    return Object.entries(this.user).map(([k,v]) => { return { key: k, value: v}})
}
}

.
.
.
计算：{
用户数据（）{
return Object.entries（this.user）.map（[k，v]）=>{return{key:k，value:v}}）
}
}