feat(vue2): devtools.hide option support, closes vuejs#1444

Akryum · Akryum · commit 74599476d3ea · 2021-05-24T19:14:34.000+02:00
diff --git a/packages/app-backend-vue2/src/components/tree.ts b/packages/app-backend-vue2/src/components/tree.ts
@@ -149,6 +149,8 @@ function capture (instance, index?: number, list?: any[]): ComponentTreeNode {
     instance = instance._vnode.componentInstance
   }
 
+  if (instance.$options?.devtools?.hide) return
+
   // Functional component.
   if (instance.fnContext && !instance.componentInstance) {
     const contextUid = instance.fnContext.__VUE_DEVTOOLS_UID__
diff --git a/packages/shell-dev-vue2/src/Hidden.vue b/packages/shell-dev-vue2/src/Hidden.vue
@@ -0,0 +1,11 @@
+<script>
+export default {
+  devtools: {
+    hide: true
+  }
+}
+</script>
+
+<template>
+  <div>I'm hidden in the devtools</div>
+</template>
diff --git a/packages/shell-dev-vue2/src/index.js b/packages/shell-dev-vue2/src/index.js
@@ -12,6 +12,7 @@ import MyClass from './MyClass.js'
 import router from './router'
 import TransitionExample from './TransitionExample.vue'
 import Router from './router/Router.vue'
+import Hidden from './Hidden.vue'
 
 window.VUE_DEVTOOLS_CONFIG = {
   openInEditorHost: '/'
@@ -45,7 +46,8 @@ const app = new Vue({
       h(TransitionExample),
       h(VuexObject),
       h(Init),
-      h(RefTester)
+      h(RefTester),
+      h(Hidden)
     ])
   }
 })

Original file line number	Diff line number	Diff line change
`@@ -149,6 +149,8 @@ function capture (instance, index?: number, list?: any[]): ComponentTreeNode {`
`149`	`149`	`instance = instance._vnode.componentInstance`
`150`	`150`	`}`
`151`	`151`
	`152`	`+ if (instance.$options?.devtools?.hide) return`
	`153`	`+`
`152`	`154`	`// Functional component.`
`153`	`155`	`if (instance.fnContext && !instance.componentInstance) {`
`154`	`156`	`const contextUid = instance.fnContext.__VUE_DEVTOOLS_UID__`