将 HTML 从 html 文件加载到 Vue div

Question

所以，我使用 jsfiddle 来关注这个 {{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。