加载HTML到Vue公司的div

Question

所以，我使用的jsfiddle遵循THIS {{respondedText}}

<div>{{respondedText}}</div>

不过，说我想在HTML内容阅读从一个文件或网站，然后加载到该div;而不是显示“收到的事件：事件2”。

这对我来说最终是一个构建模块，我试图使用它。我希望，通过成功获得这个例子的工作，我可以构建一个web应用程序，该应用程序具有按钮，onpress会从我的服务器上的另一个本地文件加载html，而无需重新加载整个页面。

Answer 1

，以填补活动HTML元素，你必须使用v-html指令

<div v-html="respondedTest"></div> 

这将允许任何有效的HTML，但你必须要注意，你不能加载Vue的组件异步这种方式;它只适用于静态HTML。

这是您的JSFiddle更新后发送一些带有点击事件的HTML。

编辑：

展望你的问题的精神，你可能想看看vue-router这是一个相当不错的系统，让你有类似的标准页面路由系统路由系统中的单个页面的应用程序。它还允许您在您的页面中挂载Vue组件，而不是使用静态HTML。