Vue中如何定义全局函数

  • 方法一:
    //在mian.js中写入函数
Vue.prototype.changeData = function (){
  alert('执行成功');
}

//在所有组件里可调用函数

this.changeData();
  • 方法二:
    // 写好自己需要的base.js文件
exports.install = function (Vue, options) {
    Vue.prototype.changeData = function (){
        alert('执行成功');
    };
};

// main.js 引入并使用

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

//在所有组件里可调用函数

this.changeData();

目录结构:

Vue中如何定义全局函数_第1张图片
image.png

你可能感兴趣的:(Vue中如何定义全局函数)