防止vue文件中的样式出现‘污染’情况(html5 scoped特性)

近期在项目中出现了vue样式污染的情况:

一个页面刚进去时样式不正常,刷新之后,样式才才达到预期那样

在vue中,如果把样式写在vue文件的 style中,可能会出现样式污染的情况,这是要把写样式的标签

<style></style>
写成
<style scoped></style>

 这样,style标签中的样式的作用域就只是在此vue文件了,就不会出现样式污染的情况了

或许还有其他情况,可能是因为我的水平有限,目前我只知道这一种情况。

原文地址:https://www.cnblogs.com/zhuchenglin/p/6842069.html