一、為什么要給style 節點加?scoped?屬性(vue)
1、作用:當style標簽里面有scoped屬性時,它的css只作用于當前組建的元素。在單頁面項目中可以使組件之間互不污染,實現模塊化(實現組件的私有化,不對全局造成樣式污染,表示當前style屬性只屬于當前模塊)。
2、實現原理: style 標簽中添加 scoped 屬性后,vue 就會為當前組件中的 DOM 元素添加唯一的一個自定義屬性(唯一性的標記)【data-v-xxx】,即CSS帶屬性選擇器,以此完成類似作用域的選擇方式,從而達到樣式私有化,不污染全局的作用。data-v-hash值
解決第三方組件庫
文章鏈接:scoped 屬性的小知識_這里是蔣丞選手的博客-CSDN博客