vue之cssModule和scoped

在项目开发过,尤其是类似于mvvm框架,组件化开发过程中,如果不使用scoped或者cssModule,会把组件外的样式覆盖,在这种形式下,一般都用的是scoped,但是vue还支持css Modules

CSS module

在vue当中可以不用配置任何信息就能生效,

<style lang="scss" module>

</style>

然后呢可以在js中输出这么一个语句

mounted(){
    console.log(this.$style);
}

这样打印出了标签随机生成的class

 

 

这样就随机生成了,那么如何使用呢

:global{
  .App_nav_32ReM{
    border: 1px solid red
  }
}

就通过这样css就生效了,

下次更新博客会自定义某种规则的class