vuejs 组件中的"作用域"和"模块"有什么区别？

Question

我知道，使用'scoped'我可以将CSS样式隔离到组件，那么VUEJS组件中的scoped和module有什么区别？我什么时候应该在范围上使用模块？

Answer 1

根据文档：

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>