scoped style 如何处理动态的html标签?

如下，text是从服务起获取的，里面可能包含 em 标签，怎么样让scoped里的em样式应用的动态获取的数据里的em标签?

``` vue
<template>
<div class="book-info">
  <p>{{{text}}}</p>
</div>
</template>

<style lang="scss" scoped>
.book-info {
  overflow: hidden;
}

p {
 font-size: 18px;
}

p em {
  color: red;
}
</style>
```
