美文网首页
Vue中如何定义全局函数

Vue中如何定义全局函数

作者: 董董董董董董董董董大笨蛋 | 来源:发表于2017-06-30 10:27 被阅读0次
    • 方法一:
      //在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();
    

    目录结构:

    image.png

    相关文章

      网友评论

          本文标题: Vue中如何定义全局函数

          本文链接:https://www.haomeiwen.com/subject/hyybcxtx.html