useQuasar

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

用法

import { useQuasar } from 'quasar'

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

示例

<template>
  <div>
    <div v-if="$q.platform.is.ios">
      只在 iOS 平台上渲染
    </div>
  </div>
</template>

<script>
import { useQuasar } from 'quasar'

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

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

    // 在一个方法中展示示例，但可以是 Vue 脚本的任何部分
    function show () {
      // 打印出 Quasar 版本
      console.log($q.version)
    }

    return {
      show
    }
  }
}
</script>