vue引入插件时的挂载方式

本文探讨了Vue插件的挂载方式,包括全局挂载(通过`Vue.use`和`Vue.prototype`)和局部挂载。以video.js为例,详细解释了如何将插件挂载到原型链上以及在组件中如何正确使用。同时指出,不通过`Vue.use`的全局挂载方式以及在组件内直接引用插件的实现。最后强调了每个Vue组件都可以访问`Vue.prototype`上的属性和方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这两天为项目引入了video.js,遇到了不少问题,不过就像是发现了一块大馅饼,里面值得琢磨的地方还挺多。

这篇文章主要总结了各种插件或组件挂载方式之不同。经验有限,先总结以下三种,或许今后还会遇到更多挂载方式。

框架中安装完插件后,就其挂载方式分为局部挂载全局挂载

局部挂载,顾名思义,即把安装好的插件引入某个有该功能需求的组件中来使用;

而全局挂载指的是把安装好的插件通过引入main.js,已达到整个项目中所有组件均可使用的目的。

 

比如,我们平时项目中必不可少的vue-router、使用的UI框架多是全局挂载,其挂载的方式:

这种方式从字面意思就可以理解,使用也最为普遍,不须多讲

然而,还有一种不通过Vue.use()来完成的全局挂载方式,那就是原型链挂载!

就拿video.js插件来举例:

首先,看一下main.js中的全局引入方式:

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值