在vue組件中style scoped

在uve組件中咱們咱們常常須要給style添加scoped來使得當前樣式只做用於當前組件的節點。添加scoped以後，實際上vue在背後作的工做是將當前組件的節點添加一個像data-v-1233這樣惟一屬性的標識，固然也會給當前style的全部樣式添加[data-v-1233]這樣的話，就可使得當前樣式只做用於當前組件的節點。可是咱們須要注意的是若是咱們添加了子組件，一樣的，若是子組件也用scoped標識了，那麼在父組件中是不能設置子組件中的節點的。若父組件有scoped，子組件沒有設置，一樣，也是不能在父組件中設置子組件的節點的樣式的，由於父組件用了scoped,那麼父組件中style設置的樣式都是惟一的了，不會做用與其餘的組件樣式，我在用vue-quill-editor富文本編輯器的時候就遇到了這個坑，我只是想讓內容區設置一個高度，這樣的話，是必須在App.vue中設置的，咱們App.vue至關於根容器，沒有設置scoped，因此是能夠設置的。