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的字眼

感兴趣，能够关注个人微信公众号

更多精彩内容尽在公众号