Michael Hoffmann
Home
About
Testimonials
Blog
Vue Tips
Projects
Let's chat
Search…
k
Minimal Tip List
2026
(2 posts)
Nuxt Tip: Difference Between useFetch and event.$fetch
()
Vue Tip: Infer Props From Components in a Component Map
()
2025
(4 posts)
Nuxt Tip: Accessing Pinia Store in Production Build
()
Nuxt Tip: Managing Page Load States With useLoadingIndicator
()
Vue Tip: Use effectScope for Managing and Cleaning Up Reactive Effects
()
Nuxt Tip: Parallel Fetch Requests
()
2024
(19 posts)
Nuxt Tip: Fetch Data on the Server Before App Start
()
Nuxt Tip: Validate Data in Your Server Routes
()
Vue Tip: Simple Routing Without Using External Libraries
()
Vue Tip: Cache Component Instances With the KeepAlive Component
()
Nuxt Tip: Change Status Code of the Response
()
Nuxt Tip: Run Code Once During SSR or CSR
()
Vue Tip: How I Write Class & Style Bindings
()
Vue Tip: When You Should Use a Composable
()
Vue Tip: Mutate Your State Inside of the Provider Using Provide and Inject
()
Vue Tip: Share Styling Using Wrapper Components
()
Nuxt Tip: Use Environment-Specific Configurations
()
Vue Tip: Validate Props in Script Setup With TypeScript
()
Nuxt Tip: How Nuxt Uses Nitro, h3 and ofetch Internally
()
Vue Tip: Don't Use Reactive Object for Template Refs
()
Vue Tip: Trigger Transition Programmatically
()
Vue Tip: Passing Slots to Child Components
()
Nuxt Tip: Cancel Fetch API Request
()
Vue Tip: Check if Component Has Event Listener Attached
()
Vue Tip: Watch Slot Changes
()
2023
(51 posts)
Nuxt Tip: Handle Client-Side Errors
()
Vue Tip: Best Way to Force Re-Render Vue Component
()
Vue Tip: Document Your Component Props Using JSDoc
()
Vue Tip: Composable to Define Keyboard Shortcuts
()
Vue Tip: Use a Head Manager
()
Vue Tip: Automatically Import Components
()
Pinia Tip: Simple History With Undo and Redo Functionality
()
Vue Tip: Accessing Template Ref in Child Component
()
Nuxt Tip: How to Fix "Nuxt Instance Unavailable" Error
()
Vue Tip: Dynamic Slot Names
()
Nuxt Tip: Detecting Server vs. Client-Side Code Execution
()
Vue Tip: Event Handling
()
Vue Tip: Use Your Composables Synchronously
()
Nuxt Tip: Custom SPA Loading Template for Your Nuxt Application
()
Vue Tip: Deep Watch on Arrays
()
Nuxt Tip: An URL Object Working on Both Server-Side and Client-Side
()
Vue Tip: Simple State Management With Composition API
()
Vue Tip: Manually Stop Watcher
()
Vue Tip: Dynamic Return Values in Composables
()
Vue Tip: Use VueUse to Unleash the Power of Utility Functions
()
Vue Tip: Emit Event From Composable
()
Vue Tip: Split Your SFC into Multiple Files
()
Nuxt Tip: Differentiate Client and Server Components
()
Vue Tip: Use Eager Computed Without Lazy Evaluation
()
Nuxt Tip: Lazy Load Components in Nuxt 3
()
Vue Tip: Don't Use v-if With v-for
()
Vue Tip: Detect Mouse Hover
()
Nuxt Tip: Add Custom iframe Tab to Nuxt DevTools
()
Vue Tip: Debug Watcher
()
Nuxt Tip: Move Homepage to Sub-Folder in Nuxt 3
()
Vue Tip: Chaining Event Modifiers
()
Vue Tip: Effortless Handle Asynchronous Components With Suspense
()
Nuxt Tip: Use Nuxt Layers to Share Components, Utils, and Configuration Between Your Apps
()
Vue Tip: Declare and Mutate v-model Props as Normal Variable Using defineModel
()
Vue Tip: Optimize Performance Using shallowRef
()
Nuxt Tip: Render Component Only on Client-Side
()
Vue Tip: Validate Events and Prop Types
()
Nuxt Tip: Refresh Data by Watching Sources Using useAsyncData
()
Vue Tip: When to Use Render Function
()
Nuxt Tip: Rendering Modes
()
Vue Tip: Debugging in Templates
()
Vue Tip: Use Scoped Slots in a Child Component to Provide Data for Parent Component
()
Nuxt Tip: Use DevTools to Know Your App Better
()
Vue Tip: Re-Rendering Vue Routes When Path Parameters Change
()
Vue Tip: Destructure Props in Composition API Without Losing Reactivity
()
Nuxt Tip: Analyse Production Bundle
()
Pinia Tip: Use Setup Stores for More Flexibility
()
Nuxt Tip: Adding a Latest Route
()
Vue Tip: Typing Component Events
()
Vue Tip: Dynamically Change Page Title
()
Vue Tip: Access DOM in Watcher Callback After Vue Updated It
()
2022
(45 posts)
Vue Tip: Pass Custom Arguments to Event Handler Method
()
Vue Tip: Avoid Mutating a Prop Directly
()
Vue Tip: Disable Attribute Inheritance
()
Vue Tip: Dynamically Add & Remove Route While App Is Running
()
Vue Tip: Force-Enable Vue Devtools in Production Build
()
Vue Tip: Use Provide & Inject to Avoid Prop Drilling
()
Vue Tip: Change the Interpolation Delimiter
()
Vue Tip: Use Vue Without Build Step
()
Vue Tip: Defining and Registering Vue Web Components
()
Vue Tip: Share Composable State Across Components
()
Vue Tip: Expose Properties in a Script Setup Component
()
Vue Tip: Expose Slots From a Child Component
()
Vue Tip: Lifecycle Hooks for Debugging
()
Vue Tip: Typing Template Refs With TypeScript
()
Vue Tip: Avoid Side Effects in Computed Properties
()
Vue Tip: Test Vue Components Using Vue Testing Library
()
Vue Tip: Creating a Custom Directive
()
Vue Tip: Avoid Directly DOM Manipulation
()
Vue Tip: Use Vue App Instance as Global Store
()
Vue Tip: When to Use v-if
()
Vue Tip: Avoid Empty Wrapper for Conditions
()
Vue Tip: Delay Loading Appearance of Spinner
()
Vue Tip: Check if Slot Is Empty
()
Vue Tip: Memoize a Sub-Tree of the Template Using v-memo
()
Vue Tip: watch() vs. watchEffect()
()
Vue Tip: Use Fallthrough Attributes
()
Vue Tip: Provide Fallback Content for Slots
()
Vue Tip: Debug Computed Properties
()
Vue Tip: Use Lazy v-model to Sync State After Change Events
()
Vue Tip: Create Custom v-model Modifier
()
Vue Tip: Query Inner Elements in Third-Party Components
()
Vue Tip: Check Version at Runtime
()
Vue Tip: Measure Performance
()
Vue Tip: Animate Child Component Before Route Leave
()
Vue Tip: Use v-bind to Pass Multiple Props to Components
()
Vue Tip: Watch Nested Values
()
Vue Tip: Use Vuex in Vue Router Navigation Guards
()
Vue Tip: Special CSS Selectors
()
Vue Tip: Use Optional Chaining in Templates
()
Vue Tip: Use Two Script Blocks
()
Vue Tip: Speed Up Initial Load Using Async Components
()
Vue Tip: Scroll to Top When Navigating to a New Route
()
Vue Tip: Display Raw HTML
()
Vue Tip: Automatic Global Registration of Base Components
()
Vue Tip: Use Teleport to Render a Component in a Different Place
()
2021
(11 posts)
Vue Tip: Assign Handler for Uncaught Errors
()
Vue Tip: Simple Expressions in Templates
()
Vue Tip: Trigger Watcher Immediately
()
Vue Tip: Use Multiple v-model Bindings
()
Vue Tip: Avoid Unwanted Re-Renders of an Element Using v-once
()
Vue Tip: Destructure in v-for
()
Vue Tip: Avoid Empty Class Attributes
()
Vue Tip: Props and Context in Setup Method
()
Vue Tip: Detailed Prop Definitions
()
Vue Tip: Reactive Values in CSS
()
Vue Tip: Prefer Slots Over Props
()
