在项目开始的时候，把所有的代码都码好。在页面跳转的时候总有几个页面，在跳到该页面时样式全错位了，但是刷新一下就又好。
跳转后页面的样式会沿用了前一个页面的样式，导致页面错乱。
解决办法:
在跳转前和跳转后页面的style上加上scoped
<style scoped>
header{
width: 100%;
}
</style>
scoped属性（可选属性）：会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域，即css样式只在当前页面加载
如果引入了外部框架，很可能用了全局css，可能会影响你的部分样式，通过审查元素去定位问题就可以了。
标签：vue,样式,刷新,scoped,跳转,错乱,路由,页面 From： https://www.cnblogs.com/czhowe/p/18599235