Vue Tip: Lifecycle Hooks for Debugging
Vue provides two lifecycle hooks that we can use for debugging purposes.
Vue-Tipp1 Min.ScriptDebugging
Kategorie · 59 Artikel
Script
Artikel in der Kategorie Script.
2022
15 EinträgeVue Tip: Typing Template Refs With TypeScript
Template refs only exist after the component is mounted. Thus, it’s necessary to type template refs with a union type that includes the DOM element type as well as null.
Vue-Tipp1 Min.TemplateScript
Vue Tip: Avoid Side Effects in Computed Properties
It is considered bad practice to introduce side effects inside computed properties and functions because it makes the code unpredictable and hard to understand.
Vue-Tipp1 Min.Script
Vue Tip: Avoid Directly DOM Manipulation
It is a no-go to manipulate the DOM in Vue.js directly. Instead, you should use the "ref" attribute.
Vue-Tipp1 Min.TemplateScript
Vue Tip: Use Vue App Instance as Global Store
Vue provides an object that can be used to register global properties that can be accessed on any component instance inside the application.
Vue-Tipp1 Min.TemplateScript
Vue Tip: Delay Loading Appearance of Spinner
Eager delay spinners are not a good user experience. They can make a snappy user interface feel slower. We want delay spinners to appear only after a perceivable delay.
Vue-Tipp1 Min.TemplateScript
Vue Tip: Check if Slot Is Empty
You can check if a slot is empty, for example, only to render it if it has content.
Vue-Tipp2 Min.TemplateScript
Vue Tip: watch() vs. watchEffect()
Understand the difference between the watch() and watchEffect() Vue hooks.
Vue-Tipp1 Min.Script
Vue Tip: Debug Computed Properties
We can debug properties by passing computed() a second options object.
Vue-Tipp1 Min.ScriptDebugging
Vue Tip: Query Inner Elements in Third-Party Components
In some cases, we have to deal with third-party Vue components where we cannot put a ref on inner HTML elements to access them in our Vue code.
Vue-Tipp1 Min.Script
Vue Tip: Check Version at Runtime
You can easily check the Vue version at runtime.
Vue-Tipp1 Min.Script
Vue Tip: Use v-bind to Pass Multiple Props to Components
Instead of passing each property individually to a component, you can bind an object to it.
Vue-Tipp1 Min.Script
Vue Tip: Watch Nested Values
The watch options support a dot-delimited path as key to watch nested values.
Vue-Tipp1 Min.Script
Vue Tip: Use Two Script Blocks
<script setup> can be used alongside normal <script>. A normal <script> may be needed in special cases.
Vue-Tipp1 Min.Script
Vue Tip: Automatic Global Registration of Base Components
We can use webpack to register our Vue.js base components globally.
Vue-Tipp1 Min.Script
2021
4 EinträgeVue 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.
Vue-Tipp1 Min.Script
Vue Tip: Trigger Watcher Immediately
The watch hook provides an option that the callback is called immediately.
Vue-Tipp1 Min.Script
Vue Tip: Props and Context in Setup Method
Access props and context in setup method using Composition API in Vue 3
Vue-Tipp1 Min.Script
Vue Tip: Detailed Prop Definitions
Define your Vue prop definitions as detailed as possible.
Vue-Tipp1 Min.Script
Seite 3 von 3