线程栈

src/components/JHeapDetail.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div>堆区详情</div>
-    <v-treeview :items="items"></v-treeview>
+    <v-treeview open-all :items="items"></v-treeview>
   </div>
 </template>
 

src/components/JThreadDetail.vue

@@ -1,12 +1,44 @@
 <template>
-  <div>线程栈详情</div>
+  <div>
+    <div>线程栈详情</div>
+    <v-treeview open-all :items="items"></v-treeview>
+  </div>
 </template>
 
 <script>
 export default {
   name: 'JThreadDetail',
-  prop: {
+  props: {
     data: Object
+  },
+  computed: {
+    items() {
+      if (!this.data) return []
+
+      const { methodName, operandStack = [], localVars = [] } = this.data
+      return [{
+        id: 1,
+        name: methodName,
+        children: [
+          {
+            id: 2,
+            name: '操作数栈',
+            children: operandStack.map((item, index) => ({
+              id: 1000 + index,
+              name: item
+            }))
+          },
+          {
+            id: 3,
+            name: '局部变量表',
+            children: localVars.map((item, index) => ({
+              id: 1000 + index,
+              name: item
+            }))
+          }
+        ]
+      }]
+    }
   }
 }
 </script>