编译通过ajax调用添加的动态vue.js内容

我正在使用vue.js 2.0，但遇到了一个问题

我有一个与页面一起加载的自定义组件，但是使用该组件的元素直到按下按钮才被使用，此时HTML被加载并添加到幻灯片面板（其内容是动态的）中的DOM中

编辑：知道幻灯片面板是使用jquery slidepanel插件动态创建的可能很有用。。。这意味着我不能像这样在里面放一个洞穴探险者：

<div id="slidePanel">
  <component v-bind:is="test-thing">
    <DYNAMIC CONTENT>
  </component>
</div>

我的问题是，在正确呈现新内容的组件上，我只是看到到处都是{someitem}

---

这里有一个JSFIDLE演示了我所说的内容：

并将对您有所帮助。您必须将html内容放入组件模板中，并将此元素@boussadjra保存在html中-您可以更新JSFIDLE以便我了解您的意思吗？使用jquery会造成一些混乱，我想你已经决定使用Vue.js，你不需要jquery，因为有很多Vue插件和组件可以做同样的事情请忽略jquery。。。我只使用它将内容附加到元素中，并且可以用JS来完成它。。。在实际的应用程序中，幻灯片面板的内容加载了一个AJAX调用，该调用返回要插入的HTML。