useHydration 组合 | Quasar 中文网

¥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)

¥Syntax

import { useHydration } from 'quasar'

setup () {
  const { isHydrated } = useHydration()
}

function useHydration(): {
  isHydrated: Ref<boolean>;
};

示例(Example)

¥Example

<template>
  <div>
    <div v-if="isHydrated">
      Gets rendered only after hydration.
    </div>
  </div>
</template>

<script>
import { useHydration } from 'quasar'

export default {
  setup () {
    const { isHydrated } = useHydration()

    return {
      isHydrated
    }
  }
}
</script>

1. Introduction

2. 语法(Syntax)

3. 示例(Example)