VUE scoped

scoped三条渲染规则:

• 给HTML的DOM节点加一个不重复data属性(形如：data-v-2311c06a)来表示他的唯一性
• 在每句css选择器的末尾（编译后的生成的css语句）加一个当前组件的data属性选择器（如[data-v-2311c06a]）来私有化样式
• 如果组件内部包含有其他组件，只会给其他组件的最外层标签加上当前组件的data属性

加入scoped后会把这个组件的样式私有化，意思就是在引入此组件的公共区域将不能够修改此组件的样式！