‘壹’ Vue插件添加全局方法
1.定义全局插件 pluginHaha.js
Vue.js 的插件应当有一个公开方法 install 。这个方法芹含的第一个参嫌闷笑数是 Vue 构造器，第二个参数是一个可选的选项对罩颂象：
2.main.js全局引入并使用
3.组件中使用
原型方法：this.getDate()
全局方法：Vue.getDate()
‘贰’ vue组件如何使用全局变量
定义全局变量
原理：
设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用export default 暴露出去，在main.js里面使用Vue.prototype挂载到vue实例上面或者在其它地方需要使用时，引入该模块便可。
全局变量模块文件：
Global.vue文件：
使用方式1：
在需要的地方引用进全局变量模块文件，然后通过文件里面的变量名字获取全局变量参数值。
在text1.vue组件中使用：
使用方式2：
在程序入口的main.js文件里面，将上面那个Global.vue文件挂载到Vue.prototype。
import global_ from './components/Global'//引用文件
Vue.prototype.GLOBAL = global_//挂载到Vue实例上面
接着在整个项目中不需要再通过引用Global.vue模块文件，直接通过this就可以直接访问Global文件里面定义的全局变量。
text2.vue：
Vuex也可以设置全局变量：
通过vuex来存放全局变量，这里东西比较多，也相对复杂一些，有兴趣的小伙伴们，可自行查阅资料，折腾一波、
定义全局函数
原理
新建一个模块文件，然后在main.js里面通过Vue.prototype将函数挂载到Vue实例上面，通过this.函数名，来运行函数。
1. 在main.js里面直接写函数
简单的函数可以直接在main.js里面直接写
组件中调用：
2. 写一个模块文件，挂载到main.js上面。
base.js文件，文件位置可以放在跟main.js同一级，方便引用
main.js入口文件：
组件里面调用：
后话
上面就是如何定义全局变量 全局函数的内容了，这里的全局变量全局函数可以不局限于vue项目，vue-cli是用了webpack做模块化，其他模块化开发，定义全局变量、函数的套路基本上是差不多。
‘叁’ vue定义全局变量，以及方法的调用
记录一下自己忘记的东西，省的下回到处找。
在vue项目中经常会用全局的变量，或者定义全局的方法
首先新建一个utils.js的文件，里面放上你需要的全局方法以及变量呀
举个例子
完事之后闹困孝呢？
在main.js里面申明一下哈
这尺和样你就可以全局使用啦！再需要的地方你就写
变量液稿的话同理哟！
下班下班～～
‘肆’ vue 自定义全局方法,在组件里面的使用介绍
在main.js里进行全局注册
Vue.prototype.funcName
=
function
(){}
在所有组件里可调用
this.
funcName();
以上这篇vue
自定义全局方法,在组件里面的使用介绍就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:浅谈vue自定义全局组件并通过全局方法
Vue.use()
使用该组件自定义vue全局组件use使用、vuex的使用详解详解Vue.use自定义自己的全局组件Vue组件之全局组件与局部组件的使用详解Vue中自定义全局组件的实现方法vue.js内部自定义指令与全局自定义指令的实现详解（利用directive）
‘伍’ vue3中全局方法的使用【真·VUE3】
关于VUE3的使用，文档没看完就开始了一个项目，含李一路走来，见招拆招求百信巧度。
关于全局方法的使用，找了又找，求了又求，依然无解，所以写写心得，我启用了10年前刚上班时候的window对象哇哈哈哈哈，学习之余写感想，欢迎砸锅！
举例：页面我用了vant3组件，通过Toast、Notify、Dialog等举例
无奈人家不支持this啊
但是proxy 只适用于调试,线上会出问题! 因为getCurrentInstance()的返滑老键回类型存在null
在main.js中
在vue中使用