Passing props to new Component(el, propsData), why doesn't the click handler from propsData fire?

Question

Vue.js

I create a button component like this

createElButton(options = {}, el) {
    let ButtonComponent = Vue.extend(ElButton);
    let buttonInstance = new ButtonComponent({
      el: el,
      propsData: options
    });
    console.log(buttonInstance);
    return buttonInstance;
  }

In propsData, respectively, props of the component.
The button is rendered, the passed parameters all end up in the new component instance (String, Object, Array, etc.)
The only thing that doesn't work is the button click callback.

<a class="button" v-on:click="onClick"></a> // что так
<a class="button" v-on:click="clickHandler"></a> // что этак

// не срабатывает

props: {
   onClick: { type: Function, default() {} }
}

methods: {
    clickHandler() {
        console.log('clickHandler called');
        this.onClick();
    }
}

// clickHandler called в конслои не вываливается

Answer 1

And why do it like this, if you can do $emit in @click and already write v-on:click in the parent, as everyone else does?