vue中如何让一块html不被解析

Question

<div style="">

    <Button type="info" ></Button>

    <Button @click="checkbox2=!checkbox2">改变值</Button>

</div>

比如这个代码，我放在一个div中，我不想里面的html被解析，我只想他想显示成文本，应该怎么办？ v-pre和{{{}}}我试过了没有生效。< >什么我的我也知道，我只是想自动转换。有没有好一点的办法。

v-text需要把内容写在js里面，然后绑定进去，有没有直接在html里写可以解决的，毕竟写在字符串里面就没有编辑器高亮了