首頁 > web前端 > Vue.js > 主體

什麼時候用vue.use

coldplay.xixi
發布: 2020-11-12 11:42:57
原創
2600 人瀏覽過

使用vue.use的時間:它在使用時實際上是呼叫了該插件的install方法,所以引入的當前插件如果含有install方法我們就需要使用【Vue.use()】。

什麼時候用vue.use

【相關文章推薦:vue.js

Vue.use是什麼?

官方對Vue.use() 方法的說明:透過全域方法Vue.use() 使用插件,Vue.use 會自動阻止多次註冊相同插件,它需要在你呼叫new Vue () 啟動應用程式之前完成,Vue.use() 方法至少傳入一個參數,該參數型別必須是Object 或Function,如果是Object 那麼這個Object 需要定義一個install 方法,如果是Function 那麼這個函數就被當作install方法。在 Vue.use() 執行時 install 會預設執行,當 install 執行時第一個參數就是 Vue,其他參數是 Vue.use() 執行時傳入的其他參數。是說使用它之後呼叫的是該元件的install 方法。

Vue.use()什麼時候使用?

它在使用時實際上是呼叫了該插件的install方法,所以引入的當前插件如果含有install方法我們就需要使用Vue.use(),例如在Vue中引用Element如下:

import Vue from 'vue'
import Element from 'element-ui'
Vue.use(Element)
登入後複製

因為在Element原始碼中會暴露除install方法,所以才需要用Vue.use()引入。

我們也可以在自己的vue專案中自己定義一個install方法,然後透過Vue.use()方法來引入測試一下:

const plugin = {
  install() {
    alert("我是install内的代码")
  },
}
import Vue from "vue"
Vue.use(plugin) // 页面显示"我是install内的代码"
登入後複製

當我們開啟頁面就會彈出「我是install內的程式碼」提示。

相關免費學習推薦:JavaScript(影片)

#

以上是什麼時候用vue.use的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板