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

posted @ 2019-08-03 14:48  v616  阅读(8449)  评论(0编辑  收藏  举报