单独的js文件如何与vue页面共享vuex

分类：uni-app

vuex

官方文档说

除了通信事件，vue 和 nvue 页面之间还可以共享变量和存储。 uni-app提供的共享变量和数据的方案如下：

vuex:

自HBuilderX 2.2.5起，nvue支持vuex。这是vue官方的状态管理工具。

注意：

不支持直接引入store使用，可以使用mapState、mapGetters、mapMutations等辅助方法或者使用this.$store

如果是单独的一个js文件，用import store的方式引入vuex，怎么让这个js里的state和其它vue页面mapstate的state共享

2020-04-14 19:56 负责人:无分享

5 个回复

渡 - 性感前端在线炒粉一份8块

import Vue from 'vue'
let vm = new Vue()

渡

vm.$store.state.xxx

2020-09-17 08:51

gotogether (作者)

目前测试的结果是
如果是一个单独的api.js文件，import store from '@/store/index.js'
别的vue页面修改了state，这个api.js文件里取得的state是没有同步更新的

7***@qq.com - 技术猥琐男

我也是遇到了同样的问题，请问有人关注这个问题吗？发现uniapp没什么人关注啊。。。

gotogether (作者)

没找到好的解决办法，我现在是vuex跟storage混用，需要共享的数据在storage里也放一份，就是太麻烦了

2020-05-07 11:25

呆头

我也遇到同样的问题、
如果是一个单独的api.js文件，import store from '@/store/index.js'
别的vue页面修改了state，这个api.js文件里取得的state是没有同步更新的！！
这个问题我还以为是自己代码的原因，浪费了我一天时间了。哎。
这个一个坑呀、目前尝试使用 globalData 解决

1***@qq.com

我的做法是在onLaunch生命周期中把store挂载到globalData中，单独的js调用就使用const store = getApp().globalData.store;不知道这种方法会不会有问题。。。

该问题目前已经被锁定, 无法添加新回复

单独的js文件如何与vue页面共享vuex

5 个回复

公告

相关问题

单独的js文件如何与vue页面共享vuex

与内容相关的链接

5 个回复

公告

相关问题