vue 音樂播放器學習筆記----vue+stylus樣式縮排問題

今天遇到一個變態錯誤

    現在要做一個播放器的tab切換功能，當點選的時候，實現當前tab高亮，並且有底部邊框的功能，理想狀態下，如下圖所示

，

跟著老師的步驟寫完，以後發現我的結果是，這樣的

不管怎麼點，都無法高亮，就是active狀態沒有顯示效果。

我的程式碼：

老師的程式碼：

看上去沒什麼差別但是就是一直不顯示active狀態

       到處找不同，把所有可能導致這個狀態不起作用的程式碼都改了以便以後，還是有錯，最後發現只有程式碼的縮排不同了，寫程式碼這麼多年，還沒有遇到過，因為程式碼縮排不同而產生錯誤的~~~

        找度娘一問，還真有這個錯誤，這個錯誤的官方一點的叫法是：

真是服了這個坑了，真坑啊！！！！

相看處區別要在VScode中

開啟：File---->Preferences----> settings ，搜尋：draw_white_space，如下圖，選擇all

這樣就能看出來區別了

我的：

老師的

去掉tab，換成空格就沒有問題了

今天還學了幾個依賴的作用

babel-runtime ：對ES的語法做一些轉譯

fastclick：解決移動端，點選300毫秒延遲的問題

babel-polyfill：對ES6的一些api(例如promise）的一些轉譯