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，而无需把其它兼容性的代码写出来