概念
在 vue 文件中的 style
标签上,有一个特殊的属性:scoped
。当一个 style
标签拥有 scoped
属性时,它的 CSS 样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有 style
标签全部加上了 scoped
,相当于实现了样式的模块化。
在 vue 文件中的 style
标签上,有一个特殊的属性:scoped
。当一个 style
标签拥有 scoped
属性时,它的 CSS 样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有 style
标签全部加上了 scoped
,相当于实现了样式的模块化。