在vue中注册通用的全局函数，不需要每次都用import引入

最新推荐文章于 2024-08-18 19:25:46 发布
最新推荐文章于 2024-08-18 19:25:46 发布
阅读量3.6k 收藏
点赞数 1
分类专栏： Javascript vue aliven的专栏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aliven1/article/details/88910243
版权
Javascript 同时被 3 个专栏收录
285 篇文章 1 订阅
订阅专栏
vue
154 篇文章 2 订阅
订阅专栏
aliven的专栏
83 篇文章 0 订阅
订阅专栏

1.新建一个模块文件，然后在main.js里面通过Vue.prototype将函数挂载到Vue实例上面，通过this.函数名，来运行函数。

2.写一个模块文件，挂载到main.js上面，将全局函数当做插件来进行注册：

 

aliven1
关注
专栏目录
vue 构建全局组件，不需要在每个文件中import引入
liuhao9999的博客
05-18 1222
首先新建一个js文件，暂时取名为index.js //需要全局化的组件 import WaterMark from "./WaterMark"; import FormGroupTitle from "./FormGroupTitle"; import FormItem from "./FormItem"; let components = { install: function(Vue) { Vue.component("WaterMark", WaterMark);
如何把vue下的所有组件全部挂载到全局，不需要在页面内引用
qq_38212421的博客
08-14 2576
首先在js目录下新建一个js，比如：global.js 这里面写上这些 const requireComponent = require.context( '@c-c',//这个是目录简写指的是你的组件存放的路径， false, /\.vue$/ // 找到components文件夹下以.vue命名的文件 ) requireComponent.keys().forEach(fileName => { const componentConfig = requireC..
vue 子组件全局自动导入，不在需要每个组件import
最新发布
m0_65730686的博客
08-18 319
vue 子组件全局自动导入，不在需要每个组件import
vue3中怎么注册全局的组件，全局注册组件，只需创建组件不需要引入。不需要每个组件都引入自动引入。全局自定义指令图片懒加载的代码。
qq_54753561的博客
11-24 3747
vue3中怎么注册全局的组件，全局注册组件，只需创建组件不需要引入。不需要每个组件都引入自动引入。全局自定义指令图片懒加载的代码。
vue批量注册全局组件（vue无需引用即可在页面使用组件）
weixin_52941842的博客
03-23 724
vue批量注册全局组件（vue无需引用即可在页面使用组件）
如何在 Vue3 项目配置全局方法
都随它大小便吧
11-17 3027
大家都知道 Vue2 项目配置全局方法最简单就是使用【Vue.prototype.$XXX = XXX】这种实现方式。如该文章【https://blog.csdn.net/Cai181191/article/details/123797934】就是用这种方式来实现，然而Vue3 项目实现配置全局方法可能就有点不一样了。
vue中注册自定义的全局js方法
10-15
在Vue框架中，我们经常需要在多个组件间共享通用的JavaScript方法。为了方便地在各个组件中使用这些方法，我们可以通过创建全局的js方法并将其注册到Vue中来实现。接下来，我们将详细探讨如何在Vue中注册自定义的...
vue项目中使用全局变量，全局函数
qq_34261347的博客
09-17 1135
在项目中，经常有些函数和变量是需要复用，比如说网站服务器地址，从后台拿到的：用户的登录 token, 用户的地址信息等 使用全局变量 原理: 设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用 export default 暴露出去，在 main.js 里面使用 Vue.prototype 挂载到 vue 实例上面或者在其它地方需要使用时，引入该模块便可。 全局变量模块文件 // global.js const token = 'sjldkfsjdlfksjdf'; const isLo.
vue组件object_vue全局弹窗通用解决方案——组件函数化
weixin_39690401的博客
12-20 338
我们在vue项目开发过程中总是遇到各种个样的全局弹窗(权限提醒，alert提示，缴费提醒)，这些全局弹窗全站很多地方在调用，调用调用很蛮烦，将这些组件部署到全局位置，又无法做到按需加载，而且部署到全局的组件数据回传(比如检测缴费是否完成)又是一个问题，我们又得借助vuex或者event来传递，又回造成vuex的滥用。我们举一个简单的场景：如果我们要在vue里实现一个类似原生alert的弹出框，大概...
vue组件内部引入外部js文件的方法
11-21
在Vue.js应用中，有时我们需要在特定的组件内部引入外部JavaScript文件，而不是全局引入。这样做的好处是可以避免不必要的资源加载，提高应用性能。本篇将详细介绍三种在Vue组件内部引入外部js文件的方法。 1. 操作...
Vue3 - 全局指令（详细教程）
王佳斌
11-18 2913
vue3.js官方文档，vue3全局指令，vue3全局指令官方文档，vue3全局自定义指令，Vue3全局指令，Vue3.x教程-Vue3，Vue3自定义指令，vue3中全局和局部自定义指令怎样实现，vue3自定义全局指令，vue3封装全局指令，vue3 学习笔记 (三)——vue3 自定义指令，Vue3 中自定义指令，Vue全局指令:如何添加全局指令，Vue3-巧用指令，Vue自定义指令的使用详细介绍，Vue3 - 全局指令（详细教程）。
Vue全局注册公共的函数
themansea的博客
12-17 572
Step1：创建common.js const obj={ fun1(){ }, fun2(){ }, fun3(){ } } export default obj Step2：main.js中引入方法 import common from '.icommon.js' //写你自己的文件路径 Vue.prototype.common=comm Step3：调用该方法的时 this.common.fun1(); ...
vue项目中定义全局变量并使用(无需在使用处二次引入)
qq_41538952的博客
11-13 1096
先上代码 //需要引入： const webpack = require('webpack') const path = require('path') chainWebpack: config => { const oneOfsMap = config.module.rule('less').oneOfs.store oneOfsMap.forEach(item => { item .use('sass-resources-loader')
vue中全局变量，全局函数的使用
qq_41685957的博客
10-23 70
一、定义变量，并全局使用 二、定义全局函数并使用 大家可以参考以下文章。
Vue3不习惯的点及setup免引入便捷操作
swoly2894265391的博客
05-08 682
Vue3中setup免引入(组件+属性) elementplus按需自动引入 icon自动引入的配置以及部分语法与vue2不同的点
针对Vue3不能直接使用全局Vue这件事
Laok0413的博客
03-24 2273
今天发现一个很离谱的事情 在我开始使用vue脚手架开始写程序之后 Import Vue form ‘vue’ 就不好使了 我一直以为是我的程序有问题 直到今天学到了插件plugin，我还是没办法在main.js里面引入 于是我就去查为什么最新版vue不能使用全局的Vue，这是因为我看的课程还是vue2的，但是脚手架下载的是最新版本的。。。 兜兜转转一圈之后，我还是找到了官方文档，找到了插件那一节。 我只能说，还是官网文档解决了问题。 然后直接在main.js里面写上 app.use(plugins)即可
巧妙给vue设置全局方法,无需重复导入
秃头小吴
06-30 318
场景：项目中难免会遇到一些要处理的数据啥的，又不能遇到一个写一个，最好是能一键使用
vue3 如何避免重复引入ref reactive
m0_66051368的博客
05-20 836
config.js中进行配置。
带你看懂vue3中最重要的API——ref和reactive
热门推荐
qq_42365082的博客
01-14 1万+
知识前景：假设你已了解vue3组合式API中，关于setup的知识。如果你刚开始学习，可以看看官方文档，或者我的这篇文章。 在vue3中，有两个重要的API——ref和reactive，这两个API你不懂其原理的话，可以说你没学好vue3。 但这两个API很难理解，已有vue2经验的我，整体过完vue3的文档后，感觉最难理解就是这两货，因为这个涉及到很多底层知识：JS的数据类型、内存栈、Object.defineProperty、ES6的Proxy ，那么今天，我就带你来啃这块难啃的骨头。 .
Vue项目中Axios配置与封装实战
本文档详细介绍了如何在Vue项目中实现动态配置和使用Axios库，替换传统的vue-resource。首先，作者提到由于尤大大（尤雨溪）在Twitter上的建议，Vue社区开始倾向于使用Axios作为数据请求的首选库，因为它具有更好的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

aliven1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值