Vue hold on是一款基于Vue的輕量級全局loading插件，它提供了一種簡單的方式在請求數據時展示loading狀態，并且可以自定義loading插件的樣式和位置。

使用Vue hold on非常簡單，只需要在需要展示loading的組件中引用插件：

import Vue from 'vue'
import VueHoldOn from 'vue-hold-on'
Vue.use(VueHoldOn)

然后，在需要展示loading的時候，調用全局的`this.$holdOn.show()`方法：

methods: {
async fetchData() {
this.$holdOn.show()
const data = await fetchData()
this.$holdOn.hide()
}
}

通過調用`this.$holdOn.show()`方法可以展示loading狀態，并在加載完數據后調用`this.$holdOn.hide()`方法來隱藏loading狀態。

如果想要自定義loading的樣式和位置，可以在Vue實例中配置Vue hold on：

Vue.use(VueHoldOn, {
backgroundColor: 'rgba(0,0,0,0.8)',
spinnerColor: '#fff',
spinnerSize: '100px',
spinnerStyles: {
top: '50%',
left: '50%',
transform: 'translate(-50%, -50%)'
}
})

以上配置會將loading的背景色設置為半透明黑色，旋轉圖標的顏色設置為白色，旋轉圖標的大小設置為100px，旋轉圖標的位置居中顯示。

總之，Vue hold on是一款非常實用的全局loading插件，可以讓我們更方便地展示loading狀態，并且可以輕松自定義loading的樣式和位置。