如果您使用带有导出默认值的 vue，如何在 jquery 中调用 vuejs 函数

Question

在 vuejs.org 网站上有这个功能。 我想复制它来测试我正在使用 jquery 在表行上的点击函数中编写的一些代码。

   $("#table1 tr").click(function () {
            // alert($(this).text());
            //  alert($(this).children("td").html());
            // app.greet();
        });

我想在那里调用 vue 函数，但我的 vue 代码是在脚本中编写的，我正在使用导出默认值。

export default {
    data() {
        return {

        }
etc.
}

如果我想在 jquery 中使用这个 vue 函数，我该如何调用它。

Answer 1

您必须实例化应用程序，然后您可以在其上调用方法：

import Vue from 'vue'
import App from './app.vue'

const app = new Vue(App)

$("#table1 tr").click(function () {
  app.greet()
})