修正

src/components/JHeap.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
     <h3>堆区</h3>
-    <div class="j-container">
+    <div>
       <template v-if="objects !== null">
         <v-btn v-for="item of objects" :key="item.id" block text :color="item.fresh ? 'red' : 'black'"
                @click="handleClickDetail(item)">
           <div class="button-text">{{item.id}}</div>
-          <v-icon v-if="item === displayNow" color="blue" right>mdi-search</v-icon>
+          <v-icon v-if="item.id === displayNow.id" color="blue" right>mdi-search</v-icon>
         </v-btn>
       </template>
     </div>
@@ -27,7 +27,7 @@ export default {
     }
   },
   methods: {
-    handleClickDetail ({ detail }) {
+    handleClickDetail (detail) {
       this.$emit('click-detail', detail)
     }
   }

src/components/JMethod.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <h3>方法区</h3>
-    <div class="j-container">
+    <div>
       <template v-if="methods !== null">
         <v-btn v-for="item of methods" :key="item.className" block text :color="item.fresh ? 'red' : 'black'"
                @click="handleClickDetail(item)">

src/components/JMethodDetail.vue

@@ -1,11 +1,18 @@
 <template>
-  <div>方法区详情</div>
+  <div>
+    <h3>方法区详情</h3>
+    <div><strong>className: </strong>{{data.className}}</div>
+    <div><strong>staticMembers: </strong>{{data.staticMembers}}</div>
+    <div><strong>rtcp: </strong>
+    </div>
+    {{data}}
+  </div>
 </template>
 
 <script>
 export default {
   name: 'JMethodDetail',
-  prop: {
+  props: {
     data: Object
   }
 }

src/components/JThread.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <h3>线程栈</h3>
-    <div class="j-container">
+    <div>
       <template v-if="threadStack !== null">
         <v-btn v-for="item of threadStack" :key="item.methodName" block text :color="item.fresh ? 'red' : 'black'"
                @click="handleClickDetail(item)">