Vue原型注入

Quasar用$q对象注入Vue原型:

注入 类型 说明
$q.version 字符串 quasar版本。
$q.theme 字符串 正在使用的主题。 例如:mat,ios
$q.platform 对象 从Quasar导入与平台相同的对象。
$q.i18n 对象 Quasar国际化,包含标签等(i18n文件之一)。 专为Quasar组件设计,但您也可以在您的应用组件中使用。
$q.cordova 对象 引用Cordova全局对象。 只有在Cordova应用程序下运行时才可用。
$q.electron 对象 参考Electron全局对象。 仅在Electron应用程序下运行时才可用。

您可以在Vue上下文(组件脚本或模板)中全局使用它,如下所示:

<!-- 在Vue模板中 -->
<template>
<div>
<div v-if="$q.platform.is.ios">
Gets rendered only on iOS platform.
</div>
</div>
</template>

<script>
// 在export以外不可用

export default {
// 在一个Vue组件脚本中
...,

// 显示一个方法的例子,但是
  // 可以是Vue脚本的任何部分
methods: {
show () {
// 打印出Quasar版本
console.log(this.$q.version)
}
}
}
</script>