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,去安装它就可以了

解决办法：
法一、npm install stylus-loader --save
法二、

这个时候去node_modules里就可以看到安装的stylus-loader,如下图

3.在代码里，我们可以看到，我们只写了一个display:flex，但是在浏览器里我们却可以看到它的其它的兼容性的代码，这实际上是vue-loader依赖了一个叫postcss的插件，这个插件会自动帮我们抹平一些css在浏览器里兼容性的一些写法，所以我们在代码里无需担心css兼容性问题,所以我们可以在代码里非常爽的只写一个display:flex，而无需把其它兼容性的代码写出来