【已解决】使用vue-electron脚手架进行vuex赋值时,失败的解决办法。

栏目: JavaScript · 发布时间: 5年前

内容简介:我首先尝试用好好好。那我再用我找到一个解决方法:

1、初步尝试

我首先尝试用 mutation (commit)传参。结果控制台报错:

[Vuex Electron] Please, don't use direct commit's, 
use dispatch instead of this.

好好好。那我再用 action 传参试试。虽然控制台没报错,但却一直无法赋值!

2、查找资料

我找到一个解决方法:

注释掉 store 目录下 index.jscreateSharedMutations 插件。

经测试确实可以!但不知道为什么。

3、深入研讨

经过进一步的查阅。我了解到,刚才传值失败,是因为 electron-vue 脚手架引入了 vuex-electron 介个插件。

点击查看vuex-electron的文档

文档中明确注明了:

In case if you enabled createSharedMutations() plugin you need to create an instance of store in the main process. To do it just add this line into your main process (for example src/main.js):

意思是:

如果你启用了这个插件,需要在主进程导出(export )store的实例。

于是我在主进程中加上了这一句:

import '../renderer/store'

再次运行,赋值成功!

4、反思

vuex-electron 介个插件,用于多进程间共享Vuex Store的状态。

如果没有多进程交互的需求,完全可以 不引入 这个插件。

再进一步思考。

之前我都是图方便,直接用脚手架。

但它们有可能加载不必要的插件。(甚至会导致兼容问题)

需要注意~


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

运营有道:重新定义互联网运营

运营有道:重新定义互联网运营

李明轩 / 机械工业出版社 / 2017-7-31 / 69.00元

本书是前百度资深运营专家多年运营经验的总结,是作者运营千万级用户规模的大型互联网产品的实操经验复盘,是作者在“在行”上为近百位CEO和高管提供互联网运营咨询服务后对互联网运营需求的深入洞见。 本书的思想基础是“运营必须以用户为中心”,从产品、用户、市场3个维度对互联网运营重新进行了系统性的梳理:从道的层面解读并重新定义运营方法论,从术的层面围绕方法论提出行之有效的解决方法和实际案例。重点不在......一起来看看 《运营有道:重新定义互联网运营》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

SHA 加密
SHA 加密

SHA 加密工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具