神勇导师

文章
7
资源
0
加入时间
2年10月18天

vue组件样式私有化scoped的实现原理vue组件样式私有化scoped的实现原理

vue组件样式私有化scoped的实现原理在vue组件中,style标签上有一个特殊属性:scoped。当给一个style标签添加scoped属性时,它的CSS样式就只能作用于当前的组件,也就是说,该样式只能适用于当前组件元素。通过该属性,可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped,相当于实现了样式的模块化。scoped的实现原理vue通过在DOM结构以及css样式上加上唯一的标记,保证唯一,达到样式私有化,不污染全局的作用。vue组件中的scop