首页 > 其他 > 详细

vue 定义全局函数

时间:2019-08-03 16:16:44      阅读:87      评论:0      收藏:0      [点我收藏+]

方法一: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

vue 定义全局函数

原文:https://www.cnblogs.com/v616/p/11294819.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!