uniapp 方法中获取vuex store中的数据
时间: 2024-01-21 17:20:00 浏览: 195
Vuex实现数据共享的方法
在 uniapp 中,你可以使用 `this.$store.state` 获取 Vuex store 中的数据。以下是一个简单的示例:
```javascript
export default {
computed: {
count() {
return this.$store.state.count;
}
}
}
```
在上面的代码中,我们使用 `computed` 属性来获取 Vuex store 中的 `count` 数据。你也可以在方法中使用 `this.$store.state` 来获取数据。
如果你的组件需要监听 Vuex store 中的数据变化,你可以使用 `watch` 属性来监听:
```javascript
export default {
watch: {
'$store.state.count'(newVal, oldVal) {
console.log('count changed:', newVal, oldVal);
}
}
}
```
在上面的代码中,我们使用 `watch` 属性来监听 Vuex store 中的 `count` 数据变化。每当 `count` 数据发生变化时,我们都会打印出新值和旧值。
阅读全文