『壹』 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中使用