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