Javascript Vue.js打印原始html并调用组件方法

我正在从ajax请求动态加载html内容。这个html有一些按钮，比如

<button @click="someComponentMethod">Add</button>

如您所见，我正在尝试调用组件方法。但它不起作用

我认为onclick应该可以代替@click html的默认属性。但这只会识别在全局范围内定义的函数。有人能指导我如何从核心javascript调用组件的函数吗？例如，使用onclick

更新

---

好的！我知道v-html不会编译那个html。但你们能告诉我如何从javascript调用组件方法吗？也就是说，在组件范围之外。通过这种方式，我将能够使用onclick=JAVASCRIPT\u CODE\u to\u EXECUTE\u方法。

该内容将不会按照以下所述进行编译：

span的内容将替换为rawHtml属性的值，该属性被解释为普通HTML-忽略数据绑定。请注意，您不能使用v-html编写模板部分，因为Vue不是基于字符串的模板引擎。相反，组件是首选的UI重用和组合的基本单元

---

该内容不会按照以下内容进行编译：

span的内容将替换为rawHtml属性的值，该属性被解释为普通HTML-忽略数据绑定。请注意，您不能使用v-html编写模板部分，因为Vue不是基于字符串的模板引擎。相反，组件是首选的UI重用和组合的基本单元

---

我没有加载html，而是以JSON格式保存组件。此组件具有存储html字符串的模板属性。通过这种方式，我可以在数据库中存储和加载组件，并且它可以正常工作。

我最终以JSON格式保存组件，而不是加载html。此组件具有存储html字符串的模板属性。通过这种方式，我可以在数据库中存储和加载组件，它可以正常工作。

如何添加html内容？请输入以下代码。谢谢我用v-for遍历数据，然后用v-html打印htmlread在这里，v-html只添加html而不是编译。@AmarjitSingh检查我的答案如何添加html内容？请输入此代码。谢谢我用v-for遍历数据，然后用v-html打印htmlread这里，v-html只添加html而不是编译。@AmarjitSingh检查我的答案