Vue.js 关于插件的官方文档描述了全局方法和属性以及 Vue 实例方法。
// 1. add global method or property
Vue.myGlobalMethod = function () {
// some logic ...
}
// 4. add an instance method
Vue.prototype.$myMethod = function (methodOptions) {
// some logic ...
}
Run Code Online (Sandbox Code Playgroud)
但不清楚哪种方法更适合定义全局功能?有人可以解释差异或指出有关这两种方法的不同用例的一些资源吗?
我正在使用默认的 nuxt 加载栏,它在简单的页面上运行良好。但是当我使用多个 axios 请求时,每次发送请求时都会加载进度条。我希望进度条将所有这些请求理解为单个页面加载。我使用了 Promise.all 并且它有点工作。但我的问题是我使用的是异步 vuex 调度方法。
所以我的代码是这样的,三个不同的异步调度和进度条加载了 3 次。我怎样才能让它只加载一次。谢谢
async fetch({ store }) {
await store.dispatch('LOAD_DATA_1')
await store.dispatch('LOAD_DATA_2')
await store.dispatch('LOAD_DATA_3')
}
Run Code Online (Sandbox Code Playgroud)