Vue 开发积累

001：scoped 关键字的作用

在 xx.vue 组件中，我们可能会遇到带 scoped 关键字的样式。比如：

  1. <!-- Add "scoped" attribute to limit CSS to this component only -->
  2. <style scoped>
  3. h3 {
  4.   margin: 40px 0 0;
  5. }
  6. ul {
  7.   list-style-type: none;
  8.   padding: 0;
  9. }
  10. li {
  11.   display: inline-block;
  12.   margin: 0 10px;
  13. }
  14. a {
  15.   color: #42b983;
  16. }
  17. </style>

上方的scoped表示的是作用域化，样式只对当前子组件生效。