assignment_late
Why donate
travel_explore
API Explorer
code
How to contribute
tune
Options & Helpers
style
Style & Identity
view_quilt
Layout and Grid
widgets
Vue Components
swap_calls
Vue Directives
extension
Quasar Plugins
security
Security
build
Quasar CLI (with Vite)
build
Quasar CLI (with Webpack)
stars
Icon Genie CLI
healing
Quasar Utils
note_add
App Extensions
useHydration composable
Quasar v2.15+
The useHydration composable is useful when you build for SSR (but can be used for non SSR builds as well). It is a lower level util of the QNoSsr component.
Syntax
import { useHydration } from 'quasar'
setup () {
const { isHydrated } = useHydration()
}function useHydration(): {
isHydrated: Ref<boolean>;
};Example
<template>
<div>
<div v-if="isHydrated"> Gets rendered only after hydration. </div>
</div>
</template>
<script setup>
import { useHydration } from 'quasar'
const { isHydrated } = useHydration()
</script>Ready for more?
Caught a mistake?Edit this page in browser
1. Introduction
2. Syntax
3. Example
Copyright © 2015-present PULSARDEV SRL, Razvan Stoenescu