vue 路由跳转页面样式错乱

今天发现个情况，刚进入页面时正常的，路由跳转后也是正常的，但跳转回来后页面布局乱掉了，看到的时候觉得挺好笑的，解决方法如下。

//只要在style后加上scoped就可以
<style scoped>
.m {
  width: 1200px;
  margin: 0 auto;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  display: flex;
}
</style>

不加scoped会让页面使用上一个页面的样式
scoped会添加一个唯一属性，指定样式的作用域