vue 組件中style scoped怎麼起作用的

在style加scoped後，生成一個data-v-XXXXX的唯一標識，給所在組件的父級全部加唯一標示，達到樣式私有化，不污染全局的作用 通過給 dom 增加一個動態屬性，然後 css 選擇器也額外添加對應的屬性來選擇該 dom ，達到該樣式只作用於含有該屬性的 dom，實現組件樣式的模塊化 慎用原因： 其實從原理已經能夠了解到慎用原因，這裏權當總結 從原理可見，之所以scoped可達到類似組件

>>阅读原文<<