请求的html数据不能修改样式？

vue请求回来的数据如果是html格式的文本，我们可以使用v-html渲染在页面上，但是发现改不了这些html的样式。

是因为单文件组件的scoped样式不会应用在v-html的内部。

简单说就是那部分html不受vue模板的编译处理。

解决：

可以使用样式穿透解决

使用>>>或者/deep/都可以，较好使用/deep/, >>>在使用less或者scss时可能会失效。

<div class='box' v-html='html'></div> 
//修改html里面的图片样式： 
/deep/.box img{ width:百%; }