v-html里面添加樣式

項目中，使用V-html渲染的頁面，要添加樣式，改如何做

解決方案1：在updated生命周期函數中，js動態配置樣式，代碼如下：

updated() {
    $('.msgHtmlBox').find('p').css('color', 'blue');
 },

解決方案2：去掉style標簽中的scoped屬性（我用的這種）

scoped屬性導致css僅對當前組件生效（用css3的屬性選擇器+生成的隨機屬性實現的），而html綁定渲染出的內容可以理解為是子組件的內容，子組件不會被加上對應的屬性，所以不會應用css.

解決方案3：寫樣式的時候添加>>> （這種打包的時候會報錯）

<style scoped>
.msgHtmlBox >>>  p{
   color: blue;
}
</style>