Vue中的小坑

1.瀏覽器報錯：[Vue warn]: Do not use built-in or reserved HTML elements as component id: header
緣由：由於header在HTML5裏面是個原生的標籤，因此在開發的時候會提示錯誤
解決方法：修改components裏面左邊的header

2.瀏覽器報錯：

在cmd裏報這樣的錯：

緣由：缺乏stylus-loader,去安裝它就能夠了

解決辦法：
法1、npm install stylus-loader --save
法2、

這個時候去node_modules裏就能夠看到安裝的stylus-loader,以下圖

3.在代碼裏，咱們能夠看到，咱們只寫了一個display:flex，可是在瀏覽器裏咱們卻能夠看到它的其它的兼容性的代碼，這其實是vue-loader依賴了一個叫postcss的插件，這個插件會自動幫咱們抹平一些css在瀏覽器裏兼容性的一些寫法，因此咱們在代碼裏無需擔憂css兼容性問題,因此咱們能夠在代碼裏很是爽的只寫一個display:flex，而無需把其它兼容性的代碼寫出來