解決遊覽器安裝Vue.js devtools插件無效的問題

一： 打開本身寫的一個vue.js網頁，發現這個圖標並無亮起來，仍是灰色

解決方案：  

　　 一、咱們先看看Vue.js devtools是否生效，打開Bilibili（https://www.bilibili.com/，B站是用的vue），若是發現這個圖標變綠了，說明Vue.js devtools是能用的。不然建議卸載重裝

　　 二、先再拓展程序中找到  Vue.js devtools ， 點擊詳情信息 ， 找到容許訪問文件網址， 打開開關 ，就能夠了

二：  打開本身寫的一個vue.js網頁，遊覽器上圖標有了 ，可是控制檯不顯示

 

問題緣由： 沒顯示調試工具的緣由是用了生產環境的版本或是壓縮的vue版本，或是沒有勾選

解決方案：  

　　在項目入口文件（main.js）引入

Vue.config.devtools = true;