关于vue.use()详解

关键词：

参考技术A 相信很多人在用Vue使用别人的组件时，会用到 Vue.use() 。例如： Vue.use(VueRouter) 、 Vue.use(MintUI) 。但是用 axios 时，就不需要用 Vue.use(axios) ，就能直接使用。那这是为什么呐？

因为 axios 没有 install 。
什么意思呢？接下来我们自定义一个需要 Vue.use() 的组件，也就是有 install 的组件，看完之后就明白了。

这是当前项目目录：

1.创建如下图中的文件夹和文件

2.在 Loading.vue 中定义一个组件

3.在 index.js 中 引入 Loading.vue ，并导出

4.在 main.js 中引入 loading 文件下的 index

5.在App.vue里面写入定义好的组件标签 <Loading></Loading>

6.看到这儿大家应该就明白了吧，用 axios 时，之所以不需要用 Vue.use(axios) ，就能直接使用，是因为开发者在封装 axios 时，没有写 install 这一步。至于为啥没写，那就不得而知了。

下一篇 axios如何全局注册

vuex基础详解(代码片段)

vuex入门安装vuex为我们提供了两种使用方法直接引入vuex下载地址:https://unpkg.com/vuex@2.0.0下载之后用<script>标签包裹引入即可打包的模式npminstallvuex--save在一个模块化的打包系统中，您必须显式地通过Vue.use()来安装Vuex：importVuefr... 查看详情

我不能使用 Vue.use 来使用 VueRouter

...问题，我有这个错误：我不认为问题出在VueRouter而是更多关于vue导入的问题我现在有点迷路了//Thisismyapp.jsimportWe 查看详情

Laravel 项目中的 Vue.use(VueResource) 字符串在哪里？

...oject?【发布时间】：2017-05-1820:10:18【问题描述】：在许多关于VueJS的教程中，我看到了这个例子：importVueResourcefrom\'vue-resource\';Vue.use(VueResource);但在新创建的Lar 查看详情

023.整理几个面试题——关于vue？(代码片段)

关于Vue？网上收集整理01.【vue-loader】的作用是什么？作用：一个基于Webpack的loader，可以解析和转换.vue文件能提取template、script、style标签中代码，并分别把他们交给对应的loader处理，然后转换为JS模块02.【... 查看详情

vue.js基础知识篇:表单校验详解

目录网盘第12章:表单校验1.npm安装vue-validator$npminstallvue-validator代码示例:varVue=require("vue");varVueValidator=require("vue-validator");Vue.use(VueValidator);2.直接使用script标签引入vue.js要下载vue-validator，那么进入cdn的地址http 查看详情

023.整理几个面试题——关于vue？(代码片段)

关于Vue？网上收集整理01.【vue-loader】的作用是什么？作用：一个基于Webpack的loader，可以解析和转换.vue文件能提取template、script、style标签中代码，并分别把他们交给对应的loader处理，然后转换为JS模块02.【... 查看详情

关于vue项目的注意.初级版(代码片段)

一.项目开启时1.项目的创建 1-1全局创建脚手架npmi@vue/cli-g  1-2使用vue指令创建项目vuecreate项目名  1-3选择2.0的版本  1-4创建成功后进行基础配置  1-5删除脚手架项目的欢迎界面等项目无关的文件  1-6创建vue.config.js文件关... 查看详情

自定义vue全局组件use使用(解释vue.use()的原理)

我们在前面学习到是用别人的组件：Vue.use(VueRouter)、Vue.use(Mint)等等。其实使用的这些都是全剧组件，这里我们就来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理而我们再用Axios做交互，则不能使用Vue.use(Axios)，因为Axios... 查看详情

（转）vue.use源码分析

我想有过vue开发经验的，对于vue.use并不陌生。当使用vue-resource或vue-router等全局组件时，必须通过Vue.use方法引入，才起作用。那么vue.use在组件引入之前到底做了那些事情呢？让我们一窥究竟。 http://92node.com/blog/58f241fc07eeed1807... 查看详情

vueelement-ui搭建侧边栏(代码片段)

样式 main.jsimportVuefrom'vue'importAppfrom'./App.vue'//全部引入//importElementUIfrom'element-ui';//import'element-ui/lib/theme-chalk/index.css';//Vue.use(ElementUI);//按需引入importButton,Radio,Select,Container,Aside,Header,Main,Menu,MenuItem,MenuItemGroup... 查看详情

自定义vue全局组件use使用vuex的使用

自定义vue全局组件use使用(解释vue.use()的原理)我们在前面学习到是用别人的组件：Vue.use(VueRouter)、Vue.use(Mint)等等。其实使用的这些都是全剧组件，这里我们就来讲解一下怎么样定义一个全局组件,并解释vue.use()的原理而我们再用Ax... 查看详情

深入理解vuex原理详解实战应用(代码片段)

1.概念2.何时使用？多个组件需要共享数据时3.搭建vuex环境安装vuex：npmivuex，要安装对应的版本3.1创建文件:src/store/index.js//引入Vue核心库importVuefromvue//引入VueximportVuexfromvuex//应用Vuex插件Vue.use(Vuex)//准备actions对象——响应组件中用... 查看详情

深入理解vuex原理详解实战应用(代码片段)

1.概念2.何时使用？多个组件需要共享数据时3.搭建vuex环境安装vuex：npmivuex，要安装对应的版本3.1创建文件:src/store/index.js//引入Vue核心库importVuefromvue//引入VueximportVuexfromvuex//应用Vuex插件Vue.use(Vuex)//准备actions对象——响应组件中用... 查看详情

vue路由实现:vue.use(router)中做了什么？

引言接下来几篇文章写一写最近学习的Vue中的路由原理吧。那么在讲原理之前我们先来看看它是如何使用的。路由的使用importVuefrom'vue'importRouterfrom'vue-router'importHomefrom'./views/Home.vue'importAboutfrom'./views/About.vue'Vue.use(Router);//使用Vue-R 查看详情

Vue 3，未捕获的类型错误：Vue.use 不是函数

】Vue3，未捕获的类型错误：Vue.use不是函数【英文标题】：Vue3,UncaughtTypeError:Vue.useisnotafunction【发布时间】：2021-11-1511:24:15【问题描述】：我正在尝试将Laravel项目的前端从vue2升级到Vue3。在此过程中，我遇到了一个问题未捕获的... 查看详情

浅谈vue.use(代码片段)

...来看一个简单的事例首先我使用官方脚手架新建一个项目vueinitwebpackvue-demo然后我创建两个文件index.jsplugins.js.我将这两个文件放置在src/classes/vue-use目录下接下来对这两个文件进行编写//文件:src/classes/vue-use/plugins.jsconstPlugin1=install(... 查看详情

详解vue基于vue-quill-editor富文本编辑器使用心得

vue-quill-editor的guthub地址 ，现在市面上有很多的富文本编辑器，我个人还是非常推荐Vue自己家的vue-quill-deitor，虽然说只支持IE10+,但这种问题，帅给别人吧！那么我们直击正题，在vue中使用quill呢，我们需要npm进行安装，安装... 查看详情

vue中alerttoastconfirmloading公用

importVuefrom‘vue‘import{ToastPlugin,AlertPlugin,ConfirmPlugin,LoadingPlugin}from‘vux‘/*import{Promise}from‘es6-promise‘;*/ Vue.use(ToastPlugin)Vue.use(AlertPlugin)Vue.use(ConfirmPlugin)Vue.use(L 查看详情