默认情况下,如果子组件和父组件样式相同,则父组件会覆盖子组件,如果希望子组件可以加载自己的样式,则可以使用css作用域scope.
scoped作用是给子组件设置css作用域,避免样式被父组件覆盖.
scoped原理:给子组件盒子添加一个自定义属性data-v-xxxx,然后通过属性选择器来增加css权重
默认情况下,如果子组件和父组件样式相同,则父组件会覆盖子组件,如果希望子组件可以加载自己的样式,则可以使用css作用域scope.
scoped作用是给子组件设置css作用域,避免样式被父组件覆盖.
scoped原理:给子组件盒子添加一个自定义属性data-v-xxxx,然后通过属性选择器来增加css权重