镇江网站设计建设,gooood谷德设计网站,江门市蓬江发布,网站建设百度文库默认情况#xff1a;写在组件中的样式会全局生效-因此很容易造成多个组件之间的样式冲突问题
1.全局样式#xff1a;默认组件中的样式会作用到全局
2.局部样式#xff1a;可以给组件加上scoped属性#xff0c;可以让样式只作用于当前组件
style scoped 写在组件中的样式会全局生效-因此很容易造成多个组件之间的样式冲突问题
1.全局样式默认组件中的样式会作用到全局
2.局部样式可以给组件加上scoped属性可以让样式只作用于当前组件
style scoped /style
scoped原理
1.给当前组件模版的所有元素都会被添加上一个自定义属性data-v-hash值
区分开不同的组件
2.css选择器后面被自动处理添加上了属性选择器div[data-v-hash]
