样式冲突：前端组件无法正常显示的debug思路

问题描述：

在引入他人组件开发vue项目的过程当中，发现有一个vue组件无法显示：

但在调用开发者工具的过程当中，发现页面元素有被切实挂载出来了：

解决过程：

元素到位了，那应该就是渲染的问题

排查样式的时候灵机一动，发现已有代码库里面有两个header的样式：

注释掉一个以后，显示成功

结论

先检查DOM元素有没有在网页里面加载出来

如果有的话，再检查外部导入的样式和自己写的样式有无冲突