Vue使用v-html输出的样式无法更改

Vue渲染到html元素的数据时使用v-html输出解析

下面json的数据

[
 {
    "id": 100,
    "keyword": "手机壳",
    "title": "天猫年终盛典手机壳 北京热销过万 苹果11iPhoneProMax放摔Pro保护套",
    "s1": "店铺已被69.7万人圈粉|累积好评9万+",
    "money": 66,
    "total":34866,
    "label":
      "广告88VIP9.6折每300减30包邮"
    ,
    "area": "深圳",
    "shop": "ranvoo旗舰店",
    "url": "shou_03.jpg"
  }
]

在vue中输出label或title的内容必须时使用v-html输出解析html标签

问题来了：

1.去掉style标签中的scoped属性！（注意类名一样会污染全局样式，用时慎重）可以设置样式
style使用了scoped属性 这时候需要使用 >>>
语法：

div >>> p {
        color: red;
  }