#12
Vue Tip: Use Teleport to Render a Component in a Different Place
With teleport, you can render a component in a different place in the DOM tree, even if this place is not in your app's scope.
1 minTemplate
Vue tips · 132 tips
Vue & Nuxt tips
Over the last few years, I've collected a list of valuable tips while developing and writing about Vue & Nuxt. Some are clever, some I use almost every day, and some are more advanced — but they're all useful.
#11
Vue Tip: Assign Handler for Uncaught Errors
Error monitoring is important in production, and we can use the errorHandler function to send errors to error tracking services.
1 minScript
#10
Vue Tip: Simple Expressions in Templates
Vue component templates should only include simple expressions, with more complex expressions refactored into computed properties or methods.
1 minTemplate
#9
Vue Tip: Trigger Watcher Immediately
The watch hook provides an option that the callback is called immediately.
1 minScript
#8
Vue Tip: Use Multiple v-model Bindings
Sometimes Vue.js components need to have multiple v-model bindings.
1 minv-model
#7
Vue Tip: Avoid Unwanted Re-Renders of an Element Using v-once
The v-once directive is a Vue.js directive used to avoid unwanted re-renders of an element.
1 minTemplate
#6
Vue Tip: Destructure in v-for
It is possible to use ES6 destructuring in a v-for in Vue
1 minTemplate
#5
Vue Tip: Avoid Empty Class Attributes
This Vue tip helps to avoid empty class attributes in the rendered HTML
1 minStyle
#4
Vue Tip: Props and Context in Setup Method
Access props and context in setup method using Composition API in Vue 3
1 minScript
#3
Vue Tip: Detailed Prop Definitions
Define your Vue prop definitions as detailed as possible.
1 minScript
#2
Vue Tip: Reactive Values in CSS
In Vue 3, it is possible to use reactive values in CSS.
1 minStyle
#1
Vue Tip: Prefer Slots Over Props
Prefer slots over props as they give the parent the freedom to customize components.
1 minTemplate
Page 6 of 6