Quasar Framework 文檔

Vue原型注入(Vue Prototype Injections)

Quasar用物件$q注入進Vue的原型(prototype):

注入類型描述
$q.versionStringQuasar 版本
$q.themeString使用的主題( theme ) 。Ex: mat, ios
$q.platformObject從 Quasar 引入進來的物件，與 Platform 是同一個東西。
$q.i18nObjectInternationalisation for Quasar, containing labels etc (one of i18n files). Designed for Quasar components, but you can use in your app components too.
$q.cordovaObjectreference (參考)自 Cordova 的全局物件。只允許在 Cordova app 下執行。
$q.electronObjectreference (參考)自 Electron 全局物件。只允許在 Electron app 下執行。

你可以在Vue的作用域下全局的使用它，就像：

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

<script>
// not available here outside
// of the export

export default {
  // inside a Vue component script
  ...,

  // showing an example on a method, but
  // can be any part of Vue script
  methods: {
    show () {
      // prints out Quasar version
      console.log(this.$q.version)
    }
  }
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27