vue.use學習

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

<template>
<div class="loading-box">

Loading...

</div>
</template>
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的字眼

感興趣，能夠關注個人微信公衆號

更多精彩內容盡在公衆號