如何使用 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);