还不懂原型，原型链？1分钟教会你把封装的js公共方法挂载在vue实例原型上

最新推荐文章于 2025-04-17 20:52:44 发布

前端鹏哥

最新推荐文章于 2025-04-17 20:52:44 发布

阅读量1.6k

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/weixin_38415876/article/details/106691051

版权

本文将指导你如何在1分钟内完成JS公共方法的封装，并将其挂载到Vue实例的原型上。步骤包括：1) 创建通用JS文件；2) 定义并导出方法；3) 将方法挂载到原型；4) 在Vue组件的生命周期中使用这些公共方法。现在，你可以轻松地在Vue应用中调用这些公共方法了。

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

第一步：首先在src文件夹里面创建一个通用js文件夹，然后在创建的文件夹里面创建一个js文件
在这里插入图片描述

第二步：const 一个方法，然后通过export暴露出来（在同一个页面可以写多个方法，和暴露多个方法，在export里面暴露的方法要用逗号分隔）

第三步：把方法挂载在原型上（具体操作看图）
在这里插入图片描述

第四步：使用，在页面的export default 里面的生命周期里面通过this.公共方法就能使用了。

在这里插入图片描述

结果：

在这里插入图片描述

就是这么简单，你学会了吗？

最低0.47元/天解锁文章

评论 3

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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