如何在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

回答