通过VueJS组件的全局SCSS变量

Question

如果我在另一个组件中有一个VueJS组件，那个父组件具有无范围的样式，则该子组件具有范围样式。有什么理由说我无法从子项中引用的父项访问scss变量吗？

很抱歉，如果这有点令人困惑，那么我几乎可以提供帮助：

（父）

// some <template> and <script> here.
<style lang="scss">
  $background: #09f;
</style>

（子）

// some <template> and <script> here.
<style lang="scss" scoped>
  .somediv {
      background: $background;
  }
</style>

我刚收到错误，未定义变量：“$ background”。

谢谢， 杰米