Skip to content

Commit 85ca50e

Browse files
stevekrousekazupon
authored andcommitted
functional components invisible in devtools (vuejs#822)
1 parent 08f0ca0 commit 85ca50e

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

src/v2/guide/render-function.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -478,7 +478,9 @@ Everything the component needs is passed through `context`, which is an object c
478478

479479
After adding `functional: true`, updating the render function of our anchored heading component would simply require adding the `context` argument, updating `this.$slots.default` to `context.children`, then updating `this.level` to `context.props.level`.
480480

481-
Since functional components are just functions, they're much cheaper to render. They're also very useful as wrapper components. For example, when you need to:
481+
Since functional components are just functions, they're much cheaper to render. However, this also mean that functional components don't show up in VueJS Chrome dev tools component tree.
482+
483+
They're also very useful as wrapper components. For example, when you need to:
482484

483485
- Programmatically choose one of several other components to delegate to
484486
- Manipulate children, props, or data before passing them on to a child component

0 commit comments

Comments
 (0)