组件加 scoped 之后,里面缩写的样式只是负责本组件。
实现原理:
在 最外侧 div 添加了一个 data-v-随机数属性,

069_scoped样式 - 图1

scoped样式

  1. 作用:让样式在局部生效,防止冲突。
  2. 写法:<style scoped>
  3. 注意:app组件不适合用 scoped。
    因为一般在app组件里写的样式,都是想适合所有子组件使用的。