uniapp page页面如何修改app.vue的数据
时间: 2023-11-22 18:55:28 浏览: 96
Vue刷新修改页面中数据的方法
在uniapp中,可以使用事件总线来实现不同页面之间的通信。具体实现步骤如下:
1. 在app.vue中定义需要修改的数据:
```js
data() {
return {
appData: {
count: 0
}
}
}
```
2. 在app.vue中定义一个事件总线:
```js
import Vue from 'vue'
export const eventBus = new Vue()
```
3. 在需要修改数据的页面中,通过事件总线发送事件:
```js
import { eventBus } from '@/App.vue'
eventBus.$emit('countChange', 1)
```
4. 在app.vue中监听事件,并修改数据:
```js
import { eventBus } from '@/App.vue'
eventBus.$on('countChange', (value) => {
this.appData.count += value
})
```
这样就可以在不同页面中修改app.vue中的数据了。
阅读全文