一、為什么要給style 節(jié)點(diǎn)加 scoped 屬性（vue）
1、作用：當(dāng)style標(biāo)簽里面有scoped屬性時(shí)，它的css只作用于當(dāng)前組建的元素。在單頁(yè)面項(xiàng)目中可以使組件之間互不污染，實(shí)現(xiàn)模塊化（實(shí)現(xiàn)組件的私有化，不對(duì)全局造成樣式污染，表示當(dāng)前style屬性只屬于當(dāng)前模塊）。
2、實(shí)現(xiàn)原理： style 標(biāo)簽中添加 scoped 屬性后，vue 就會(huì)為當(dāng)前組件中的 DOM 元素添加唯一的一個(gè)自定義屬性（唯一性的標(biāo)記）【data-v-xxx】,即CSS帶屬性選擇器，以此完成類似作用域的選擇方式，從而達(dá)到樣式私有化，不污染全局的作用。
注意：實(shí)際開(kāi)發(fā)中，建議在每個(gè)組件的 style 身上都加上 scoped 屬性。
二、深度選擇器
在給當(dāng)前組件的 style 添加了 scoped 屬性后，如果想 在父組件中修改子組件的樣式 ，就需要使用 深度選擇器 。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-663326.html
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-663326.html
到了這里，關(guān)于vue中style scoped屬性的作用和原理以及scoped穿透的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
