提交 3fb9e338 编写于 作者: DCloud-WZF's avatar DCloud-WZF 💬

docs(App.uvue): 补充全局方法文档

上级 218788e9
...@@ -153,6 +153,50 @@ ...@@ -153,6 +153,50 @@
globalData是简单的全局变量,其他状态管理方式,可参考文档[全局变量和状态管理](../tutorial/store.md) globalData是简单的全局变量,其他状态管理方式,可参考文档[全局变量和状态管理](../tutorial/store.md)
## 全局方法
`App.uvue methods` 中,可以定义全局方法,这里定义的方法,在项目中可以通过 `getApp().methodName()` 调用, 例如:
```vue
<!-- App.uvue -->
<script lang="uts">
export default {
onLaunch: function () {
console.log('App Launch')
},
onShow: function () {
console.log('App Show')
},
onHide: function () {
console.log('App Hide')
},
methods: {
globalFn(){
console.log('The global fn is triggered')
}
}
}
</script>
<!-- pages/index/index.uvue -->
<template>
<view>
<button @click="triggerGlobalFn">trigger global fn</button>
</view>
</template>
<script lang="uts">
export default {
onReady() {
getApp().globalFn()
},
methods: {
triggerGlobalFn() {
const app = getApp()
app.globalFn()
}
}
}
</script>
```
## 全局样式 ## 全局样式
`App.uvue`中,可以定义一些全局通用样式,这里定义的class,每个页面都可以直接使用。 `App.uvue`中,可以定义一些全局通用样式,这里定义的class,每个页面都可以直接使用。
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册