vuejs组件中`scoped`和`module`有什么区别？

Question

我理解使用'scoped'我可以将css样式与组件隔离，那么vuejs组件中angular和scoped之间有什么区别？我什么时候应该使用模块作为范围？

Answer 1

根据docs：

  

CSS模块作为模拟范围CSS的替代方案

所以，这是另一种选择 - 值得注意的是，父组件上的scoped表示子组件无法看到CSS，但module可以访问this.$parent.$style.red以获取访问权限造型。

然而，它具有额外的优势，您可以从代码中访问您的CSS：

<style module>
  .red {
    color: red;
  }
</style>

<script>
  export default {
    created () {
      console.log(this.$style.red)
    }
  }
</script>