vue 路由跳转，导致页面样式错乱，刷新又好了的情况

最近在进行vue开发的时候遇到了如题这样烦人又不知道怎么解决的问题：在页面跳转的时候总有几个页面，在跳到该页面时样式全错位了，但是刷新一下就又好。

查了查网上的说法几乎都是style加scoped使其样式唯一，但我的页面导入样式写的时候就都加过scoped了，未能解决问题。绞尽脑汁，最终在室友的帮助下解决了，在此记录一下。

• 方案一：同各大佬说的一样，在页面style里加入scoped

  <style scoped>
  @import "home.css";
  </style>
  

• 方案二：也就是适用于我的解决方法：

  不再导入样式文件，将样式全都写在页面vue文件style里

错误原因分析：

​ 猜测是从外部导入样式的时候出现了bug导致页面污染

希望这篇帖子能帮助到看到的你