如果您使用带有导出默认值的vue,如何在jquery中调用vuejs函数
在vuejs.org网站上有此功能。 我想复制它来测试我正在使用jquery在表行上的点击函数中编写的一些代码如果您使用带有导出默认值的vue,如何在jquery中调用vuejs函数,jquery,vue.js,Jquery,Vue.js,在vuejs.org网站上有此功能。 我想复制它来测试我正在使用jquery在表行上的点击函数中编写的一些代码 $("#table1 tr").click(function () { // alert($(this).text()); // alert($(this).children("td").html()); // app.greet(); }); 我想在那里调用vue函数,但我的vue代码是
$("#table1 tr").click(function () {
// alert($(this).text());
// alert($(this).children("td").html());
// app.greet();
});
我想在那里调用vue函数,但我的vue代码是在脚本中编写的,我使用的是导出默认值
export default {
data() {
return {
}
etc.
}
如果我想在jquery中使用此vue函数,我该如何调用它。您必须实例化该应用程序,然后您可以在其上调用该方法:
import Vue from 'vue'
import App from './app.vue'
const app = new Vue(App)
$("#table1 tr").click(function () {
app.greet()
})
我可以在单独的组件中执行此操作吗?当您说从app.js导入app时,我是在那里导入app.vue文件还是导入main.js文件。@DanielM96
.vue
文件。我据此编辑了我的答案。