如何使用vue.js在ace编辑器中设置特定数据

Question

我需要正确设置 ace编辑器这个数据 （的 mycode的）：

<p>&lt;?php<br />// PHP code goes here<br />?&gt;</p>

我无法使用

editor.setValue(myData);

因为 myData 不是明文代码（也有任意HTML）

我试过了：

HTML

<div id="editor" v-html="myData">

</div>

JS

var editor = ace.edit("editor");
editor.getSession().setMode("ace/mode/php");

我怎么能这样做？