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

docs(uni-app x): 全局变量与状态管理

上级 f39bd924
......@@ -2,6 +2,7 @@
* 教程
* [与js开发的差别](tutorial/codegap.md)
* [request联网教程](tutorial/request.md)
* [全局变量与状态管理](tutorial/store.md)
* [编译器](compiler/README.md)
* 全局文件
* [main.uts](/collocation/main.md)
......
......@@ -273,45 +273,7 @@ request({url: 'https://www.example.com/request'} as RequestOptions)
- uni-app x 暂不支持 i18n、Vuex、Pinia 等插件。
## 全局变量
可通过一个专用模块组织和管理全局变量,例如:
```ts
// store/index.uts
export type State = {
globalNum: number
}
export const state = reactive({ globalNum: 0 } as State)
export const setGlobalNum = (num: number) => {
state.globalNum = num
}
```
```ts
// pages/index/index.uvue
<template>
<text @click="plus">{{ globalNum }}</text>
</template>
<script lang="uts">
import { state, setGlobalNum } from '@/store/index.uts'
export default {
computed: {
globalNum(): number {
return state.globalNum
}
},
methods: {
plus(){
setGlobalNum(state.globalNum + 1)
}
}
}
</script>
```
## uts不支持js的一些功能和特性
......
# 全局变量与状态管理
`uni-app x` 可通过一个专用模块组织和管理全局变量与状态。示例:
```ts
// store/index.uts
export type State = {
globalNum: number
}
export const state = reactive({ globalNum: 0 } as State)
export const setGlobalNum = (num: number) => {
state.globalNum = num
}
```
```ts
// pages/index/index.uvue
<template>
<text @click="plus">{{ globalNum }}</text>
</template>
<script lang="uts">
import { state, setGlobalNum } from '@/store/index.uts'
export default {
computed: {
globalNum(): number {
return state.globalNum
}
},
methods: {
plus(){
setGlobalNum(state.globalNum + 1)
}
}
}
</script>
```
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册