uniapp 页面 获取 store 的值

在 uniapp 中，可以通过 `vuex` 来管理全局状态，可以使用 `this.$store.state` 来获取 `store` 中的值。具体步骤如下：

1. 在 `store` 文件夹下创建一个 `index.js` 文件来创建 `store` 实例，并定义全局状态。示例代码如下：

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++
    }
  }
})

export default store

2. 在 `main.js` 文件中引入 `store` 实例并挂载到根组件上。示例代码如下：

import Vue from 'vue'
import App from './App'
import store from './store'

Vue.config.productionTip = false
App.mpType = 'app'

const app = new Vue({
  store,
  ...App
})
app.$mount()

3. 在页面中直接使用 `this.$store.state.count` 来获取全局状态。示例代码如下：

<template>
  <div>
    <p>count: {{count}}</p>
    <button @click="incrementCount">increment</button>
  </div>
</template>

<script>
export default {
  computed: {
    count() {
      return this.$store.state.count
    }
  },
  methods: {
    incrementCount() {
      this.$store.commit('increment')
    }
  }
}
</script>

这样就可以在页面中获取 `store` 中的值了。