一个vue页面里面写了两个style标签,请问这是为什么?求解答
一个页面可以写多个style,最主要区分scoped这个,有带这个的就是仅对这个组件有用,没有这个就是会影响其它组件,你可以自己试一下
第一个是引入其他页面的CSS,另外一个是自己的CSS
一个全局的一个本组件的
一个组件可以写很多个style。不过一般会有两个是因为一个要带scoped属性,这个是约束你在这个style里面写的样式会在编译的阶段给你的选择器(class、id等)加上一个唯一标识(相当于命名空间),避免因为同名二引起样式冲突。但是有的时候我们需要去覆盖些全局的样式,所有就有了不带scoped的style标签。当两种同时出现的时候,就是你说的情况了。其实你可以写多个style,这并不影响,但没有什么意思,所以大家一般只写一到两个。
<style></style>
<style scoped></style>