useQuasar 组合 | Quasar 中文网

API 浏览器

如何贡献

选项和助手

风格与标识

布局和网格

Vue 指令

Quasar 插件

Vue 可组合组件

useQuasar

useDialogPluginComponent

安全性

Quasar CLI（使用 Vite）

Quasar CLI（使用 Webpack）

Icon Genie CLI

应用扩展

Quasar 工具

useQuasar 组合

useQuasar 可组合函数用于访问 $q 对象。

¥The useQuasar composable is used in order to get access to the $q Object.

语法(Syntax)

¥Syntax

import { useQuasar } from 'quasar'

setup () {
  const $q = useQuasar()
}

示例(Example)

¥Example

<template>
  <div>
    <div v-if="$q.platform.is.ios">
      Gets rendered only on iOS platform.
    </div>
  </div>
</template>

<script>
import { useQuasar } from 'quasar'

export default {
  setup () {
    const $q = useQuasar()

    console.log($q.platform.is.ios)

    // showing an example on a method, but
    // can be any part of Vue script
    function show () {
      // prints out Quasar version
      console.log($q.version)
    }

    return {
      show
    }
  }
}
</script>

1. Introduction

2. 语法(Syntax)

3. 示例(Example)