How to access global functions in component markup

I’m not able to access global functions in the markup of a component.

var mySingleton = { myFunction : function() { } }

<my_component v-on:click="mySingleton.myFunction()"></my_component>

mySingleton will be UNDEFINED because of:

(function(scope /**/) { return scope.window.mySingleton.myFunction(); })

If I try to access via

<my_component v-on:click=“window.mySingleton.myFunction()”"></my_component>`

It is still UNDEFINED because of:

(function(scope /**/) { return scope.window.mySingleton.myFunction(); })

Shouldn’t at least case 2 work so that vue does not prepend scope. because I try to access window. ?

[JounQin]

Vue.prototype.whatever = yourGreatLibrary should work.

https://jsbin.com/pemugaketi

[ajorias]

Understood. So what is your recommended way to access singletons from component markup without adding them to data (which would make them reactive and this is not wanted). In fact no reactivity here is intended.