Vue原型注入 | Quasar Framework 中文网

Vue原型注入

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

注入	类型	说明
`$q.version`	字符串	quasar版本。
`$q.platform`	对象	从Quasar导入与平台相同的对象。
`$q.screen`	对象	屏幕插件提供的对象。
`$q.lang`	对象	Quasar语言包管理，包含标签等（语言文件之一）。专为Quasar组件设计，但您也可以在您的应用组件中使用。更多信息: Quasar语言包.
`$q.iconSet`	Object	Quasar图标集管理 (图标集文件之一). 专为Quasar组件设计，但您也可以在您的应用组件中使用。更多信息: Quasar图标集.
`$q.cordova`	对象	引用Cordova全局对象。只有在Cordova应用程序下运行时才可用。
`$q.capacitor`	对象	(@quasar/app v1.2+) 引用Capacitor全局对象。只有在Capacitor应用程序下运行时才可用。
`$q.electron`	对象	参考Electron全局对象。仅在Electron应用程序下运行和如果Node集成未关闭时才可用。

例子

您可以在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>

阅读更多?