vue自行開發的外掛程式管理方法

2021-08-17 14:53:02 字數 915 閱讀 4919

在開發vue專案的時候我們可能因業務需要自行開發一些外掛程式,對於外掛程式的引用只需要在入口檔案main.js引入並註冊即可在頁面使用。

如:

import toast from 'vue-toast'

vue.use(toast)

當我們自行開發的外掛程式多了,每次都import引入勢必會使入口檔案過於臃腫,這時把所有自行開發的外掛程式統一引入,在main,js內只需要import一次並註冊即可使用。

一、在src下新建乙個名為plugins的資料夾存放外掛程式,plugins資料夾下新建乙個index.js檔案,假設plugins下有多個外掛程式,分別為loading,alert,tip。這時只需要在新建的index.js檔案內統一引入所有外掛程式並匯出即可。

index.js:

import loading from './loading/index.js'

import tip from './tip/index.js'

import alert from './alert/index.js'

export

接下來只需在main.js內引入並註冊即可在頁面使用。

main.js:

我們還可以把這些外掛程式包發布到npm。

置於如何開發外掛程式,網上有許多教程,這裡不做詳述。

import  from './plugin/index.js'  // 引入某個單一外掛程式

import from './plugin/index.js' // 引入多個外掛程式

vue.use(tip)

vue.use(loading)

vue.use(alert)

我們還可以把這些外掛程式包發布到npm。

至於如何編寫vue外掛程式,網上有許多教程,這裡不做詳述。

模具的實用管理方法

模具的實用管理方法 在 2007年3 月份兩本知名的工業雜誌內刊登我們的專訪文章 1.國際機械工業商情 2.機械與模具 主題是 模具的實用管理方法 摘要 企業競爭日益激烈,提公升企業競爭力,完善管理已成為每家企業的首要事情,由於模具決定著產品品質,影響著生產排期,所以模具的管理,必將越來越受到企業的...

OC 簡單的記憶體管理方法

1.alloc new 或copy 來建立乙個物件,那麼你必須呼叫release 或autorelease 換句話說,不是你建立的,就不用你去釋放。誰建立誰釋放,物件所有權負責釋放 2.如果你在乙個class 的某個方法中alloc 乙個成員物件,且沒有呼叫autorelease或及時releaas...

docker的資料卷管理方法

資料卷是乙個可以供乙個或多個容器使用的特殊目錄。可以達到以下目的 1.繞過 拷貝寫 系統,以達到本地磁碟io的效能,比如執行乙個容器,在容器中對資料卷修改內容,會直接改變宿主機上的資料卷中的內容,所以是本地磁碟io的效能,而不是先在容器中寫乙份,最後還要將容器中的修改的內容拷貝出來進行同步。2.繞過...