在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，因此是能够设置的。