vue.use 的作用是安裝插件并確保其只執行一次，它通過調用插件的 install 方法并將 vue 構造函數作為參數傳入來實現功能擴展。具體流程為：1. 檢查插件是否已注冊，避免重復安裝；2. 若插件有 .install 方法則執行該方法；3. 將 vue 構造函數傳入 install 方法，使插件可以訪問 vue.component、vue.mixin 等核心 api 來添加全局方法、注冊組件或注入混入。插件可以是對象或函數，且應于 new vue() 之前調用以確保生效，從而有效擴展 vue 的功能。
Vue 的全局 API，比如 Vue.use，在使用插件時非常常見。它的工作機制其實并不復雜：當你調用 Vue.use(plugin) 時，Vue 會確保這個插件只被安裝一次，然后調用插件的 install 方法，并把 Vue 構造函數作為參數傳進去。這一步是關鍵，因為插件就是通過這個入口來擴展 Vue 的功能。
Vue.use 的基本用法和作用
Vue.use 最常見的用途是安裝插件，例如 vue-router 或 vuex。它的設計初衷是為了統一管理插件的安裝流程。
-
使用方式很簡單：
立即學習“前端免費學習筆記（深入）”；
Vue.use(VueRouter)
-
它內部做了幾件事：
- 檢查插件是否已經注冊過（避免重復安裝）
- 如果有 .install 方法，就執行它
- 把 Vue 構造函數傳入插件的 install 方法中
這樣插件就可以訪問 Vue 的核心 API，比如 Vue.component、Vue.mixin 等，從而實現對框架的擴展。
插件是如何利用 Vue.use 起作用的？
一個標準的 Vue 插件通常是一個對象，必須提供 install 方法。在這個方法里，插件可以做很多事情：
-
添加全局方法或屬性，比如：
Vue.myGlobalMethod = function () { // do something } -
注冊全局組件，比如：
Vue.component('my-component', MyComponent) -
注入混入（mixin）到所有組件中：
Vue.mixin({ created() { // 每個組件創建時都會執行這段邏輯 } })
插件通過這些方式修改 Vue 的行為，而這一切都依賴于 Vue.use 在背后完成“注冊 + 調用”的過程。
注意事項與最佳實踐
雖然 Vue.use 很方便，但有幾個細節需要注意：
-
只能在 new Vue() 之前調用：插件的安裝最好在根實例創建前完成，否則可能部分功能不會生效。
-
插件只會安裝一次：Vue 內部維護了一個數組記錄已安裝插件，即使你多次調用 Vue.use 同一個插件，也只會執行一次安裝。
-
插件不一定是對象：也可以是一個函數，這種情況下該函數會被直接當作 install 方法執行。
舉個例子，下面是一個簡單的插件寫法：
const myPlugin = { install(Vue) { Vue.directive('focus', { inserted(el) { el.focus() } }) } }
然后通過 Vue.use(myPlugin) 就可以全局注冊一個自定義指令。
基本上就這些了。Vue.use 的機制看起來簡單，但卻是構建生態的重要一環。只要理解了它如何傳遞 Vue 構造函數并調用插件的方法，就能更好地理解和使用各種第三方插件。
