全局属性

全局属性在 /src/util/global.properties.js 文件中配置。

---

框架相关

接口请求

详细可阅读《与服务端交互 - 接口请求》。 Composition API

const { proxy } = getCurrentInstance()
proxy.$api

Options API

this.$api

---

鉴权

详细可阅读《权限 - 鉴权函数》。 Composition API

const { proxy } = getCurrentInstance()
proxy.$auth
proxy.$authAll

Options API

this.$auth
this.$authAll

---

标签栏

详细可阅读《标签栏 - 全局方法》。 Composition API

const { proxy } = getCurrentInstance()
proxy.$tabbar

Options API

this.$tabbar

---

主页最大化

Composition API

const { proxy } = getCurrentInstance()
// status: true / false
proxy.$mainPageMaximize(status)

Options API

// status: true / false
this.$mainPageMaximize(status)

---

第三方库

除 vue-router 、Vuex 、axios 之外，框架还默认集成了一些常用且成熟的类库或插件，熟悉并熟练使用它们，能让你在开发过程中更得心应手。

dayjs (opens new window)

轻量的处理时间和日期的库。

Composition API

const { proxy } = getCurrentInstance()
proxy.$dayjs

Options API

this.$dayjs

vue-cookies (opens new window)

cookies 操作库。

Composition API

const { proxy } = getCurrentInstance()
proxy.$cookies

Options API

this.$cookies

HotKey.js (opens new window)

快捷键监听的库。

Composition API

const { proxy } = getCurrentInstance()
proxy.$hotkeys

Options API

this.$hotkeys

vue3-clipboard (opens new window)

剪贴板的库，可将数据拷贝到系统剪贴板中。

Composition API

const { proxy } = getCurrentInstance()
proxy.$clipboard

Options API

this.$clipboard

QRCode (opens new window)

生成二维码的库，可生成图片或 canvas 二维码。

Composition API

const { proxy } = getCurrentInstance()
proxy.$qrcode

Options API

this.$qrcode

mitt (opens new window)

全局事件总线的库，也是 Vue 3 官方推荐的。

Composition API

const { proxy } = getCurrentInstance()
proxy.$eventBus

Options API

this.$eventBus

iNotify (opens new window)

支持 favicon、网页标题、Chrome桌面通知。

Composition API

const { proxy } = getCurrentInstance()
proxy.$iNotify

Options API

this.$iNotify

---