vue v-html渲染后，样式不生效

Vue.js官方文档中，对于插值有如下两种写法：

1.文本

1){{data.head}}

2)) <div v-text="data.head"></div>

2.纯HTML

1){{data.head}}

2)<div v-html="data.head"></div>

如果data:{

head:"this is a item's head, the head's name is red!"

}

两种渲染之后的结果分别是

纯文本：

this is a item'shead, the head's name is red!

HTML：

this is a item's head, the head's name is red!

但是发现纯html中的em样式并没有被渲染出来，想了几种可能性，最后问题定位到

尝试去掉style 中 scoped属性后，问题解决

有兄弟在sf中这样解释