useHydration 组合式API | Quasar Framework

为什么捐赠

API 浏览器

如何贡献

选项与辅助工具

样式与标识

布局与栅格

Vue 指令

Quasar 插件

Vue 组合式函数

useQuasar

useDialogPluginComponent

安全

Quasar CLI（Vite 版）

Quasar CLI（Webpack 版）

Icon Genie CLI

应用扩展

Quasar 工具函数

联系站长

useHydration 组合式API

Quasar v2.15+

useHydration 组合式API在构建SSR应用时非常有用（但也可以用于非SSR构建）。它是QNoSsr组件的底层工具。

语法

import { useHydration } from 'quasar'

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

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

示例

<template>
  <div>
    <div v-if="isHydrated">仅在水合(hydration)后渲染。</div>
  </div>
</template>

<script>
  import { useHydration } from "quasar";

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

      return {
        isHydrated,
      };
    },
  };
</script>

发现错误？在浏览器中编辑此页

1. Introduction

2. 语法

3. 示例