在什么情況下需要使用vue.use

這篇文章主要介紹了在什么情況下需要使用vue.use，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

使用vue.use的時(shí)間：它在使用時(shí)實(shí)際是調(diào)用了該插件的install方法，所以引入的當(dāng)前插件如果含有install方法我們就需要使用【Vue.use()】。

Vue.use是什么？

官方對(duì) Vue.use() 方法的說明：通過全局方法 Vue.use() 使用插件，Vue.use 會(huì)自動(dòng)阻止多次注冊(cè)相同插件，它需要在你調(diào)用 new Vue() 啟動(dòng)應(yīng)用之前完成，Vue.use() 方法至少傳入一個(gè)參數(shù)，該參數(shù)類型必須是 Object 或 Function，如果是 Object 那么這個(gè) Object 需要定義一個(gè) install 方法，如果是 Function 那么這個(gè)函數(shù)就被當(dāng)做 install 方法。在 Vue.use() 執(zhí)行時(shí) install 會(huì)默認(rèn)執(zhí)行，當(dāng) install 執(zhí)行時(shí)第一個(gè)參數(shù)就是 Vue，其他參數(shù)是 Vue.use() 執(zhí)行時(shí)傳入的其他參數(shù)。就是說使用它之后調(diào)用的是該組件的install 方法。

Vue.use()什么時(shí)候使用？

它在使用時(shí)實(shí)際是調(diào)用了該插件的install方法，所以引入的當(dāng)前插件如果含有install方法我們就需要使用Vue.use()，例如在Vue中引用Element如下：

import Vue from 'vue'
import Element from 'element-ui'
Vue.use(Element)

因?yàn)樵贓lement源碼中會(huì)暴露除install方法，所以才需要用Vue.use()引入。

我們也可以在自己的vue項(xiàng)目中自己定義一個(gè)install方法，然后通過Vue.use()方法來引入測(cè)試一下：

const plugin = {
  install() {
    alert("我是install內(nèi)的代碼")
  },
}
import Vue from "vue"
Vue.use(plugin) // 頁(yè)面顯示"我是install內(nèi)的代碼"

當(dāng)我們打開頁(yè)面就會(huì)彈出“我是install內(nèi)的代碼”提示。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“在什么情況下需要使用vue.use”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!