如果來chrome控制台debugger除錯Vue

2021-09-25 23:25:42 字數 687 閱讀 3851

如果是單頁面,const vm = new vue({})的話,那麼可以用在控制台裡用vm

如果是sfc單檔案元件,那麼可以在控制台裡使用__vue_devtools_global_hook__

發現乙個問題,當使用__vue_devtools_global_hook__時,如果使用模組,發現狀態可以用,如__vue_devtools_global_hook__.store.state.pay.paycoin,而getters獲得者,或者commit都不能用,即__vue_devtools_global_hook__.store.getters['pay/doublepaycoin'],或__vue_devtools_global_hook__.store.commit('pay/incrementpaycoin')

原來,之所以這樣訪問不行,是因為正確的訪問時這樣__vue_devtools_global_hook__.store.getters.doublepaycoin或者是__vue_devtools_global_hook__.store.getters.[『doublepaycoin』]。如果需要像上面的案列訪問,那麼需要namespaced

chrome控制台小技巧

對於大多數開發人員來說,chrome控制台最常用的命令就是 console.log 了,然後還有一些其他類似的命令,如 console.info 提示資訊 console.error 錯誤資訊 console.warn 警示資訊 然而,這些命令可能很多人都知道,然而,console.log 支援的多...

Chrome 控制台console的用法

google瀏覽器除錯時可能會用到 1 console.log用於輸出普通資訊 2 console.info用於輸出提示性資訊 3 console.error用於輸出錯誤資訊 4 console.warn用於輸出警示資訊 7 console.assert對輸入的表示式進行斷言,只有表示式為false...

判斷控制台是否開啟 chrome

從自己的medium同步過來 最近在網上瞎逛看到stack overflow上的這個老話題find out whether chrome console is open 很有意思,就決定實踐學習一下。判斷控制台是否開啟這種需求雖然沒遇見過,但感覺還是有可能會遇到的,特別是做一些簡單的安全限制,稍微的...