vue----scoped独立样式作用域

scoped:

独立的一个样式作用域，不会被其他样式所覆盖（给每个组件的style都添加一个scroped,这样可以保证该style中的样式不会被其他样式覆盖）
<style scoped>
 
</style>
 
    eg:header  footer都为fixed定位，content区宽，高为100%，用padding值挤出header,footer的区域，
这时，当我们在content中设置背景色时，可能会把header，或者 footer给覆盖，看不到他们，
这时，我们就要给header,footer的style标签添加一个scoped,保证样式不会被覆盖