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

下面json的数据

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

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

问题来了：

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

div >>> p {
        color: red;
  }