如何在VueJS DevTools中使Vuex'隐形'

vuejs有一个配置选项可以关闭组件的检查。这是通过如何在VueJS DevTools中使Vuex'隐形'

Vue.config.devtools = false

访问时初始化Vue公司，用户（或你）将无法检查组件之前设置代码，你会收到以下消息 vue devtools disabled

我要找对于vuex的类似配置，因为即使关闭了Vue Js devtools，我仍然可以看到商店包含突变和撤消它们的功能，这是我不想要的。

有没有办法关闭vuex商店检查？

找不到类似的标志禁用Vuex Devtools。但它看起来像定期运行（每200毫秒左右）将保持Vuex选项卡不可读。

window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('vuex:init', {})

例如：

setInterval(() => { 
     window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('vuex:init', {}) 
}, 200)

2017-07-19 14:37:08 Ikbel

谢谢。会不会有性能成本？我应该如何运行它？在我的主要js文件Vue初始化或store.js之前？ –

异步运行应该没问题。使用'setInterval'。 – Ikbel

对于任何未来的访客，这是fixed in Vuex所以设置Vue.config.devtools = false应该禁用Vuex为好。

2017-08-21 16:31:17 kevmo314

if (process.env.NODE_ENV === 'production') { 
    Vue.config.devtools = false 
    Vue.config.productionTip = false 
}

将上面的代码添加到app.js条目文件并使用构建工具设置环境解决了我的问题。

2017-11-21 17:35:13

回答