vue 高级技巧之 scoped 下的全局样式

众所周知  scoped  只对内部生效 

一般做法是

<style>
/* global styles */
</style>

<style scoped>
/* local styles */
</style>

现在简洁的做法

<style scoped>
:global(.red) {
  color: red;
}
</style>

 

亲测效果如下