Vue 3提供了一種設置全局插件的方式，讓開發者輕松地在整個應用程序中訪問和使用插件。下面我們來看一下如何設置全局插件。

// main.js
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import axios from 'axios'
const app = createApp(App)
// 安裝axios插件
app.config.globalProperties.$http = axios
app.use(router)
app.mount('#app')

如上所示，我們可以使用config.globalProperties對象將插件添加到Vue應用程序的全局作用域中。在上面的代碼中，我們安裝了axios插件并將其添加到全局對象“$http”中。這樣就可以在整個應用程序中使用$http對象，而不需要每個組件都單獨導入并使用。

使用該插件也非常簡單。我們只需要在組件中使用this.$http即可訪問全局參數：

//組件代碼
export default {
methods: {
getData () {
this.$http.get('http://localhost:3000/data').then(res =>{
console.log(res.data)
})
}
}
}

在上面的代碼中，我們直接使用this.$http.get()方法獲取數據，而不需要再次導入axios并使用它。這樣，所有的組件都可以使用$http對象，提升了代碼的可重用性和代碼質量。