Eu apenas comecei a usarVue.js e me pego continuamente recorrendo ao jQuery para ajudar em determinadas situações. Mais recentemente, tentei "sem êxito" acionar (ou emular) um evento, como um clique ou um desfoque.

Eu sei que no jQuery você pode fazer o seguinte:

$('#my-selector').trigger('click');

Mas como isso pode ser obtido usando o Vue.js? Estou querendo deixar de usar o jQuery, tanto quanto possível.

Veja o exemplo abaixo:

<div id="my-scope">
    <button type="button" v-on="click: myClickEvent">Click Me!</button>
</div>

<script>
new Vue({
    el: "#my-scope",
    data: {
        foo: "Hello World"
    },
    methods: {
        myClickEvent: function(e) {
            console.log(e.targetVM);
            alert(this.foo);
        },
        anotherRandomFunciton: function() {
            this.myClickEvent();
        }
    }
});
</script>

Se eu fosse ligaranotherRandomFunciton, Gostaria de emular (ou acionar) o evento de clique acima. No entanto, eu tento este evento (oue no exemplo acima) nunca é passado para a função.

O Vue.js tem um método para conseguir isso?