// index.js
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
state: {
userInfo : {
"name": "小明",
"age": 25
},
},
mutations: {
}
})
export default store
// main.js
import Vue from 'vue'
import App from './App'
import store from './store'
Vue.prototype.$store = store
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
store,
...App
})
app.$mount()
// index.vue
<template>
<view class="container">
<view class="intro">本项目已包含uni ui组件,无需import和注册,可直接使用。在代码区键入字母u,即可通过代码助手列出所有可用组件。光标置于组件名称处按F1,即可查看组件文档。</view>
<text class="intro">详见:</text>
<uni-link :href="//ask.dcloud.net.cn/href" :text="href"></uni-link>
用户信息: {{ $store.state.userInfo}}
</view>
</template>
<script>
export default {
onShow: function() {
// console.log('App Show')
console.log("用户信息:",this.$store.state.userInfo)
},
onHide: function() {
// console.log('App Hide')
}
}
</script>
<style>
.container {
padding: 20px;
font-size: 14px;
line-height: 24px;
}
</style>
- 发布:2022-10-15 15:50
- 更新:2022-12-02 15:26
- 阅读:284
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win 10 企业版LTSC
HBuilderX类型: 正式
HBuilderX版本号: 3.6.4
第三方开发者工具版本号: 1.03.2012120 Stable
基础库版本号: 2.27.0
项目创建方式: HBuilderX
示例代码:
操作步骤:
微信小程序无法读取vuex状态,H5正常
微信小程序无法读取vuex状态,H5正常
预期结果:
微信小程序无法读取vuex状态,H5正常
微信小程序无法读取vuex状态,H5正常
实际结果:
微信小程序无法读取vuex状态,H5正常
微信小程序无法读取vuex状态,H5正常