当前位置:   article > 正文

Vue组件中的scoped属性

Vue组件中的scoped属性

        Vue组件中的scoped属性的作用是:当前的单文件组件的css样式只用于当前组件的template模板,在Vue脚手架汇总组件间关系时避免样式命名重复的情况。

        原理:使用data-*属性在template模板中使用样式的HTML元素上添加额外属性,再利用标签的属性选择器选定改模板中的html元素节点。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/227902
推荐阅读
相关标签
  

闽ICP备14008679号