vue下scoped的小技巧

vue中有个style有时候会加个scoped属性来防止在单页面下样式污染,但是这个也会出现一个问题,就是有时候我们引用mint-ui或者element-ui的时候会出现写的样式不起作用,其实我们可以简单加个/deep/>>>就可以解决这个问题

  • /deep/ 只能用在less或sass中使用


  • >>> 只能在css中使用,less,sass都不可用,如下

注:
1.两种方式下如果书写同个.class,规则和我们正常的css规则一样,即同样的样式属性以书写在后面的优先级大

  1. scoped 属性必须添加,不然这两个方法不起作用

个人建议: 应在每个vue单组件下都添加个唯一的class标识符,或者添加个全局的样式表

你可能感兴趣的:(vue下scoped的小技巧)