diff --git a/src/guide/built-ins/teleport.md b/src/guide/built-ins/teleport.md index 314be4010c..f95728fab9 100644 --- a/src/guide/built-ins/teleport.md +++ b/src/guide/built-ins/teleport.md @@ -1,5 +1,7 @@ # Teleport + + `` is a built-in component that allows us to "teleport" a part of a component's template into a DOM node that exists outside the DOM hierarchy of that component. ## Basic Usage diff --git a/src/guide/components/registration.md b/src/guide/components/registration.md index 4cdbc90cb8..599022c32f 100644 --- a/src/guide/components/registration.md +++ b/src/guide/components/registration.md @@ -1,5 +1,7 @@ # Component Registration + + > This page assumes you've already read the [Components Basics](/guide/essentials/component-basics). Read that first if you are new to components. A Vue component needs to be "registered" so that Vue knows where to locate its implementation when it is encountered in a template. There are two ways to register components: global and local. diff --git a/src/guide/essentials/event-handling.md b/src/guide/essentials/event-handling.md index edaf82e495..1e1bb51ef9 100644 --- a/src/guide/essentials/event-handling.md +++ b/src/guide/essentials/event-handling.md @@ -4,6 +4,10 @@ +
+ +
+ ## Listening to Events We can use the `v-on` directive, which we typically shorten to the `@` symbol, to listen to DOM events and run some JavaScript when they're triggered. The usage would be `v-on:click="handler"` or with the shortcut, `@click="handler"`. diff --git a/src/guide/scaling-up/tooling.md b/src/guide/scaling-up/tooling.md index a6efc1db72..3426fd22aa 100644 --- a/src/guide/scaling-up/tooling.md +++ b/src/guide/scaling-up/tooling.md @@ -65,6 +65,8 @@ If you are looking for a lighter-weight alternative for no-build-step usage, che ## Browser Devtools + + The Vue browser devtools extension allows you to explore a Vue app's component tree, inspect the state of individual components, track state management events, and profile performance. ![devtools screenshot](https://raw.githubusercontent.com/vuejs/devtools/main/media/screenshot-shadow.png)