v-html 安全问题处理

原因：

你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS 攻击。请只对可信内容使用 HTML 插值，绝不要对用户提供的内容插值。

解决办法：

使用 <pre> 标签替换掉 <div> 标签。

利用的就是 <pre> 标签的这个功能：被包围在 <pre> 元素中的文本通常会保留空格和换行符，并且文本也会呈现为等宽字体。

注意：

pre标签使用的时候会出现不自动换行的问题，而且存在一些默认样式。

一下是解决自动换行的办法：

1 2 3 4 5

white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */