Vuejs2 什么'；vuejs组件中“scoped”和“module”之间的区别是什么？

我知道使用“作用域”可以将css样式隔离到组件，那么vuejs组件中的

scoped

和

module

之间有什么区别呢？我应该在什么时候使用超出范围的模块？

根据：

CSS模块作为模拟作用域CSS的替代方案

因此，这是另一种选择-还值得注意的是，父组件上的

作用域

意味着子组件看不到CSS，但使用

模块

可以访问

此。$parent.$style.red

以访问样式

但是，它还有一个额外的优点，即您可以从代码中访问CSS：

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

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

瑞德先生{
颜色：红色；
}
导出默认值{
创建（）{
console.log（此.style.red）
}
}

根据以下内容：

CSS模块作为模拟作用域CSS的替代方案

因此，这是另一种选择-还值得注意的是，父组件上的

作用域

意味着子组件看不到CSS，但使用

模块

可以访问

此。$parent.$style.red

以访问样式

但是，它还有一个额外的优点，即您可以从代码中访问CSS：

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

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

瑞德先生{
颜色：红色；
}
导出默认值{
创建（）{
console.log（此.style.red）
}
}