Why donate
API Explorer
useQuasar composable

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

Syntax

import { useQuasar } from 'quasar'

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

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>