如何使用JavaScript代码处理vue事件？

Question

我想使用js代码创建自定义vue组件。

我可以使用js代码创建组件并将其添加到DOM，但是我不知道如何使用js代码来处理事件。

import listitem from './listitem'
var ItemClass = Vue.extend(listitem);
var component = new ItemClass();
component.$mount();
this.$refs.listmain.appendChild(component.$el);

我想实现这一目标。

<div ref="listmain">
    <listitem @eventname="handleevent"></listitem>
</div>

谢谢。

Answer 1

我通过阅读API文档找到了答案。

import listitem from './listitem'
var ItemClass = Vue.extend(listitem);
var component = new ItemClass();
component.$on('eventname', function(msg) {

})
component.$mount();
this.$refs.listmain.appendChild(component.$el);