Adding functionality to Vue:
import api from '@/js/api'
Vue.prototype.$api = api
In my custom api, I can refer to the Vue instance using this with a default exported function.
//api.js
import Vue from 'vue'
export default function () {
console.log('default export', this)
//=> Vue
}
To call this function, use Vue.prototype.$api().
Now, I want to enhance my api.js by including multiple functions and private variables while retaining the reference to the Vue instance via this, similar to when using the axios library.
I aim to export a module without losing the context of this.
var MyModule = {
this.fn1 = function(){console.log(this) //=> Vue}
this.fn2 = function(){console.log(this) //=> Vue}
}
How can I achieve this?