Vue -更改作用域<style>中的内容？

Question

如果我能找到一种方法，用一些Vue变量改变我的Vue组件中的<style>块的内容，那就太好了。

围绕这个问题的常见问题和答案涉及使用内联样式，或者使用javascript访问.style属性，但是我希望更改滑块轨迹和伪元素，就像这里的问题一样：.slider::-webkit-slider-thumb needed in javascript

如果Vue的官方立场是<style>是静态的，等等--还有人希望他们有像<style scoped dynamic>这样的系统，在这个系统中，样式表的内容可以由Vue控制吗？

Answer 1

对于父组件，我可以使用非作用域( non-scoped )获得工作结果(How to override scoped styles in Vue components?)，它的选择器比子组件的样式更重要。正如答案所说，使用"#app“作为选择器的开始可以完成这项工作-对我来说，最大的障碍就是向父组件添加一个非作用域样式块。

然而，它不是那么通用，我希望了解“将样式放入JS”是什么意思，以及它是否还会提供覆盖伪元素样式的方法。