赞
踩
Vue组件中的scoped属性的作用是:当前的单文件组件的css样式只用于当前组件的template模板,在Vue脚手架汇总组件间关系时避免样式命名重复的情况。
原理:使用data-*属性在template模板中使用样式的HTML元素上添加额外属性,再利用标签的属性选择器选定改模板中的html元素节点。