摘要:學(xué)習(xí)我們都知道,每次在使用,就會(huì)聯(lián)想到等等,但是發(fā)現(xiàn)沒(méi),就不用使用這是為什么呢嚴(yán)格來(lái)說(shuō),使用方法的都是依賴(lài)于的組件,而他只是一個(gè)處理請(qǐng)求的一個(gè)庫(kù),不依賴(lài)于所以,他不需要因?yàn)樗麤](méi)有使用到方法,而其他使用方法的都是用了方法。
vue.use學(xué)習(xí)
?我們都知道,每次在使用Vue.use,就會(huì)聯(lián)想到Vue.use(ElementUI), Vue.use(MintUI),等等,但是發(fā)現(xiàn)沒(méi),axios就不用使用Vue.use(),這是為什么呢?
嚴(yán)格來(lái)說(shuō),使用Vue.use()方法的都是依賴(lài)于Vue的組件,而axios他只是一個(gè)處理請(qǐng)求的一個(gè)庫(kù),不依賴(lài)于Vue,所以,他不需要Vue.use,因?yàn)樗麤](méi)有使用到 install方法,而其他使用Vue.use()方法的都是用了install方法。說(shuō)了這么多,也不知道對(duì)不對(duì),這就是我個(gè)人的理解,
如果有錯(cuò)誤,希望廣大網(wǎng)友,提出寶貴的意見(jiàn),幫助我提升自己,謝謝,不喜勿噴。
接下來(lái)我們來(lái)看看組件是如何使用Vue.use()
首先我們先來(lái)看一下目錄結(jié)構(gòu),自行安裝node, vue-cli3
我們?cè)赾omponents目錄下新建一個(gè)loading的文件夾
新建一個(gè) index.js 文件
新建一個(gè)loading.vue 文件
接下來(lái)隨便寫(xiě)點(diǎn)東西,
loading.vue
Loading...
index.js
// 引入組件
import LoadingComponent from "./loading.vue"
// 定義 Loading 對(duì)象
const Loading = {
// install 是默認(rèn)的方法。當(dāng)外界在 use 這個(gè)組件的時(shí)候,就會(huì)調(diào)用本身的 install 方法,同時(shí)傳一個(gè) Vue 這個(gè)類(lèi)的參數(shù)。
install: function (Vue) {
Vue.component("Loading", LoadingComponent)
}
}
// 導(dǎo)出
export default Loading
最終我們?cè)趍ain.js中引入
項(xiàng)目運(yùn)行起來(lái)之后可以看到 loading的字眼
感興趣,可以關(guān)注我的微信公眾號(hào)
更多精彩內(nèi)容盡在公眾號(hào)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/116278.html
摘要:各模塊各司其職,提高開(kāi)發(fā)效率。使用生成的項(xiàng)目目錄里,我們主要關(guān)注目錄。這個(gè)是我們之前提到的單頁(yè)面組件。這是項(xiàng)目的路由文件,存放項(xiàng)目中所有的路由。這里和我們之前所學(xué)沒(méi)什么不同,不過(guò)是涉及了不少的知識(shí)。 一、vue模塊化開(kāi)發(fā) 所謂的模塊化開(kāi)發(fā)是指將不同的部分封裝到不同的模塊中,不再將所有的組件、路由等寫(xiě)在一個(gè)頁(yè)面中。各模塊各司其職,提高開(kāi)發(fā)效率。 使用vue-cli生成的項(xiàng)目目錄里,我們主...
摘要:各模塊各司其職,提高開(kāi)發(fā)效率。使用生成的項(xiàng)目目錄里,我們主要關(guān)注目錄。這個(gè)是我們之前提到的單頁(yè)面組件。這是項(xiàng)目的路由文件,存放項(xiàng)目中所有的路由。這里和我們之前所學(xué)沒(méi)什么不同,不過(guò)是涉及了不少的知識(shí)。 一、vue模塊化開(kāi)發(fā) 所謂的模塊化開(kāi)發(fā)是指將不同的部分封裝到不同的模塊中,不再將所有的組件、路由等寫(xiě)在一個(gè)頁(yè)面中。各模塊各司其職,提高開(kāi)發(fā)效率。 使用vue-cli生成的項(xiàng)目目錄里,我們主...
摘要:深入學(xué)習(xí)作為配合使用的數(shù)據(jù)狀態(tài)管理庫(kù),針對(duì)解決兄弟組件或多層級(jí)組件共享數(shù)據(jù)狀態(tài)的痛點(diǎn)問(wèn)題來(lái)說(shuō),非常好用。至此,構(gòu)造函數(shù)部分已經(jīng)過(guò)了一遍了。 深入學(xué)習(xí)Vuex vuex作為配合vue使用的數(shù)據(jù)狀態(tài)管理庫(kù),針對(duì)解決兄弟組件或多層級(jí)組件共享數(shù)據(jù)狀態(tài)的痛點(diǎn)問(wèn)題來(lái)說(shuō),非常好用。本文以使用者的角度,結(jié)合源碼來(lái)學(xué)習(xí)vuex。其中也參考了許多前輩的文章,參見(jiàn)最后的Reference Vue加載Vuex...
摘要:深入學(xué)習(xí)作為配合使用的數(shù)據(jù)狀態(tài)管理庫(kù),針對(duì)解決兄弟組件或多層級(jí)組件共享數(shù)據(jù)狀態(tài)的痛點(diǎn)問(wèn)題來(lái)說(shuō),非常好用。至此,構(gòu)造函數(shù)部分已經(jīng)過(guò)了一遍了。 深入學(xué)習(xí)Vuex vuex作為配合vue使用的數(shù)據(jù)狀態(tài)管理庫(kù),針對(duì)解決兄弟組件或多層級(jí)組件共享數(shù)據(jù)狀態(tài)的痛點(diǎn)問(wèn)題來(lái)說(shuō),非常好用。本文以使用者的角度,結(jié)合源碼來(lái)學(xué)習(xí)vuex。其中也參考了許多前輩的文章,參見(jiàn)最后的Reference Vue加載Vuex...
閱讀 1394·2023-04-26 03:05
閱讀 855·2021-10-19 11:43
閱讀 3405·2021-09-26 09:55
閱讀 875·2019-08-30 15:56
閱讀 1049·2019-08-30 15:44
閱讀 1303·2019-08-30 15:44
閱讀 2788·2019-08-30 14:23
閱讀 3292·2019-08-30 13:13