vue.use() 的作用详解

女爷i 2022-12-26 10:22 21阅读 0赞

### 官方解释： ###

**Vue.use( plugin )**

*  **参数**：
    
     *  `{Object | Function} plugin`
 *  **用法**：
    
    安装 Vue.js 插件。如果插件是一个对象，必须提供 `install` 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。
    
    该方法需要在调用 `new Vue()` 之前被调用。
    
    当 install 方法被同一个插件多次调用，插件将只会被安装一次。

**Vue.use()什么时候使用？**  
它在使用时实际是调用了该插件的install方法，所以引入的当前插件如果含有install方法我们就需要使用Vue.use()，例如在Vue中引用Element如下

import Vue from 'vue'
    import Element from 'element-ui'
    Vue.use(Element)

**使用示例：**

编写组件通过vue.use()使用

在 src/icon/index.js中写入

import Icon from '../components/icon/index'
    const IconConponents = {
      // install 是默认的方法。当外界在 use 这个组件的时候，就会调用本身的 install 方法，同时传一个 Vue 这个类的参数。
      install: function (Vue) {
        Vue.component('Icon', Icon)
      }
    }
    // 导出
    export default IconConponents

main.js中引入：

import Icon from './global'
    
    Vue.use(Icon)

然后就可以全局使用Icon组件了

<Icon type="arrow-left" color="red" size="28"></Icon>

参考文章：

[https://cn.vuejs.org/v2/api/?\#Vue-use][https_cn.vuejs.org_v2_api_Vue-use]

[https://blog.csdn.net/lxiang222/article/details/103376150][https_blog.csdn.net_lxiang222_article_details_103376150]

[https_cn.vuejs.org_v2_api_Vue-use]: https://cn.vuejs.org/v2/api/?#Vue-use
[https_blog.csdn.net_lxiang222_article_details_103376150]: https://blog.csdn.net/lxiang222/article/details/103376150

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 extern “C”的作用详解

今天在看stm32程序的时候，出现了一段这个代码： / Define to prevent recursive inclusion -----------------

系统管理员/ 2022年12月31日 06:29/ 0 赞/ 150 阅读

相关 extern “C“的作用详解

extern "C"的主要作用就是为了能够正确实现C++代码调用其他C语言代码![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

末蓝、/ 2022年12月28日 01:41/ 0 赞/ 153 阅读

相关 vue.use() 的作用详解

官方解释： Vue.use( plugin ) 参数： `{Object | Function} plugin` 用法：

女爷i/ 2022年12月26日 10:22/ 0 赞/ 22 阅读

相关 extern作用详解

出处：[http://blog.csdn.net/songjinshi/article/details/6785267][http_blog.csdn.net_songjins

「爱情、让人受尽委屈。」/ 2022年09月17日 15:26/ 0 赞/ 206 阅读

相关 5 个可以加速开发的 VueUse 函数库

![1564f480645550639168fbee129ee291.png][] vueUse 是 Anthony Fu 的一个开源项目，它为 vue 开发人员提供了大量适

分手后的思念是犯贱/ 2022年09月07日 03:53/ 0 赞/ 209 阅读

相关 5 个可以加速开发的 VueUse 库函数

![6d70bdb3603352192cdeaa201f170b66.png][] VueUse 是 Anthony Fu 的一个开源项目，它为 Vue 开发人员提供了大量适

墨蓝/ 2022年09月04日 01:48/ 0 赞/ 267 阅读

相关 ContextLoaderListener作用详解

ContextLoaderListener监听器的作用就是启动Web容器时，自动装配ApplicationContext的配置信息。因为它实现了ServletContextLi

àì夳堔傛蜴生んèń/ 2022年04月02日 09:18/ 0 赞/ 153 阅读

相关二级指针的作用详解

原文地址:[http://blog.csdn.net/majianfei1023/article/details/46629065][http_blog.csdn.net_ma

小灰灰/ 2022年03月28日 12:45/ 0 赞/ 203 阅读

相关 extern “C”的作用详解

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] extern "C"的主要作用就是为了能够正确实现C

深藏阁楼爱情的钟/ 2022年01月16日 03:16/ 0 赞/ 262 阅读

相关 Class.forName()的作用详解

1、Class类简介： Java程序在运行时，Java运行时系统一直对所有的对象进行所谓的运行时类型标识。这项信息纪录了每个对象所属的类。虚拟机通常使用运行时类型信息选准正

梦里梦外;/ 2021年09月24日 03:26/ 0 赞/ 218 阅读