Vue样式错位但刷新就好了的问题

登录后，发生了页面错位的情况，但是刷新该页面又好了。

解决办法：

在登录页面的style中加上scoped

<style scoped> 
...
</style>

这个可选 scoped 属性会自动添加一个唯一的属性，为组件内 CSS 指定作用域，也就是给你定义的名字前加一串哈希值。(比如 data-v-21e5b78)

例如：.list:hover 会被编译成类似 .list[data-v-21e5b78]:hover。