diff --git a/packages/app-backend-vue2/src/components/tree.ts b/packages/app-backend-vue2/src/components/tree.ts
index ae7f2b091..e0ca23152 100644
--- 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
new file mode 100644
index 000000000..d4fbfc8e7
--- /dev/null
+++ 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
index 0bff85c0c..327e58066 100644
--- 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)
     ])
   }
 })