catch computed evaluation errors

Author: yyx990803

src/backend/index.js

@@ -400,10 +400,20 @@ function processState (instance) {
 
 function processComputed (instance) {
   return Object.keys(instance.$options.computed || {}).map(key => {
-    return {
-      type: 'computed',
-      key,
-      value: instance[key]
+    // use try ... catch here because some computed properties may
+    // throw error during its evaluation
+    try {
+      return {
+        type: 'computed',
+        key,
+        value: instance[key]
+      }
+    } catch (e) {
+      return {
+        type: 'computed',
+        key,
+        value: '(error during evaluation)'
+      }
     }
   })
 }

src/devtools/App.vue

@@ -51,6 +51,7 @@ import VuexTab from './views/vuex/VuexTab.vue'
 import { mapState } from 'vuex'
 
 export default {
+  name: 'app',
   components: {
     components: ComponentsTab,
     vuex: VuexTab,

src/devtools/views/events/EventInspector.vue

@@ -30,6 +30,9 @@ export default {
       'activeEvent'
     ]),
     sortedEventData () {
+      if (!this.activeEvent) {
+        return {}
+      }
       const data = this.isComplex
         ? this.getSortedEventData()
         : this.activeEvent.eventData