我们都知道,每次在使用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的字眼
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦