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

在项目开始的时候，把所有的代码都码好。在页面跳转的时候总有几个页面，在跳到该页面时样式全错位了，但是刷新一下就又好。而且我在每个组件页面里面写的公共样式css，都删除掉scoped,这种情况下，跳转后页面的样式会沿用了前一个页面的样式，导致页面错乱。

解决办法:  在跳转前和跳转后页面的style上加上scoped，把公共样式写到分别写到子组件就OK了

<style scoped>
@import "../../assets/public.css";
  header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
</style>

scoped属性（可选属性）：会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域，即css样式只在当前页面加载

如果引入了外部框架，很可能用了全局css，可能会影响你的部分样式，通过审查元素去定位问题就可以了。