在以编程方式注册的组件中使用自定义事件[VUE]

Question

我正在以编程方式在Vue中附加一个子组件，如下所示：

var ComponentClass = Vue.extend(FormulaGeneratorConstant) //create instance from FormulaGeneratorConstant component

this.constants.push('variable1');

var constant = new ComponentClass({
    propsData: {
        value: this.constants[this.constants.length - 1]
    }
});

constant.$mount();

this.$refs.droppableContainer.$el.appendChild(constant.$el)

但是现在我只能在此代码中传递道具。

我想知道如何实现v模型并尽可能处理自定义事件。

Answer 1

找到解决方案here。

我刚刚在created构造函数中传递了new Component函数：

var constant = new ComponentClass({
    propsData: {
        value: this.constants[this.constants.length - 1]
    },
    created(){
        this.$on(['change'], e => { console.log(e); })
    }
});