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

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

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

 

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

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

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

 

 

 

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

posted @ 2017-05-11 17:58  lin_zone  阅读(1902)  评论(0编辑  收藏