useHydration 可组合函数 | Quasar 框架

为什么捐赠

API 资源管理器

如何贡献

选项 & 辅助函数

样式 & 标识

布局和网格

Vue 指令

Quasar 插件

Vue 组合式函数

useQuasar

useDialogPluginComponent

安全性

Quasar CLI（使用 Vite）

Quasar CLI（使用 Webpack）

Icon Genie CLI

应用扩展

Quasar 工具

useHydration 可组合函数

Quasar v2.15+

useHydration 可组合函数在你构建服务器端渲染 (SSR) 应用时很有用（但也适用于非 SSR 构建）。它是 QNoSsr 组件的更底层的工具。

语法

import { useHydration } from 'quasar'

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

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

示例

<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. 简介

2. 语法

3. 示例