vue.use学习

jeffrey_up 发布于2019-08-30 15:44 / 821人阅读

摘要：学习我们都知道，每次在使用，就会联想到等等，但是发现没，就不用使用这是为什么呢严格来说，使用方法的都是依赖于的组件，而他只是一个处理请求的一个库，不依赖于所以，他不需要因为他没有使用到方法，而其他使用方法的都是用了方法。

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

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

感兴趣，可以关注我的微信公众号

更多精彩内容尽在公众号

混合云 idc机房托管学习机器学习学习机器学习学习深度学习学习学习深度学习

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116278.html

vue学习笔记（五）

摘要：各模块各司其职，提高开发效率。使用生成的项目目录里，我们主要关注目录。这个是我们之前提到的单页面组件。这是项目的路由文件，存放项目中所有的路由。这里和我们之前所学没什么不同，不过是涉及了不少的知识。一、vue模块化开发所谓的模块化开发是指将不同的部分封装到不同的模块中，不再将所有的组件、路由等写在一个页面中。各模块各司其职，提高开发效率。使用vue-cli生成的项目目录里，我们主...

shusen 2019-08-21 17:18 评论0 收藏0
vue学习笔记（五）

摘要：各模块各司其职，提高开发效率。使用生成的项目目录里，我们主要关注目录。这个是我们之前提到的单页面组件。这是项目的路由文件，存放项目中所有的路由。这里和我们之前所学没什么不同，不过是涉及了不少的知识。一、vue模块化开发所谓的模块化开发是指将不同的部分封装到不同的模块中，不再将所有的组件、路由等写在一个页面中。各模块各司其职，提高开发效率。使用vue-cli生成的项目目录里，我们主...

paulquei 2019-08-01 17:52 评论0 收藏0
深入学习Vuex

摘要：深入学习作为配合使用的数据状态管理库，针对解决兄弟组件或多层级组件共享数据状态的痛点问题来说，非常好用。至此，构造函数部分已经过了一遍了。深入学习Vuex vuex作为配合vue使用的数据状态管理库，针对解决兄弟组件或多层级组件共享数据状态的痛点问题来说，非常好用。本文以使用者的角度，结合源码来学习vuex。其中也参考了许多前辈的文章,参见最后的Reference Vue加载Vuex...

codercao 2019-08-22 18:28 评论0 收藏0
深入学习Vuex

摘要：深入学习作为配合使用的数据状态管理库，针对解决兄弟组件或多层级组件共享数据状态的痛点问题来说，非常好用。至此，构造函数部分已经过了一遍了。深入学习Vuex vuex作为配合vue使用的数据状态管理库，针对解决兄弟组件或多层级组件共享数据状态的痛点问题来说，非常好用。本文以使用者的角度，结合源码来学习vuex。其中也参考了许多前辈的文章,参见最后的Reference Vue加载Vuex...

funnyZhang 2019-08-02 10:50 评论0 收藏0