vue 定義全局函數


方法一:main.js 注入

(1)在main.js中寫入函數

1
2
3
Vue.prototype.changeData =  function  (){
   alert( '執行成功' );
}

(2)在所有組件里可調用函數

1
this .changeData();

方法二:單獨創建一個 .js 文件,用於存放常用函數,並全局引用

(1)寫好自己需要的base.js文件

1
2
3
4
5
exports.install =  function  (Vue, options) {
   Vue.prototype.changeData =  function  (){
     alert( '執行成功' );
   };
};

(2)main.js 引入並使用

1
2
import  base from  './base'
Vue.use(base);

(3)在所有組件里可調用函數

1
this .changeData();

目錄結構:

.

方式三:https://segmentfault.com/a/1190000015842187


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM