zoukankan      html  css  js  c++  java
  • vue---定义全局变量或函数

    开发项目的时候,有很多的东西需要重复使用,例如函数或者变量等,例如网站服务器地址,token等,这时候就需要设置一波全局变量和全局函数

    定义全局函数

    原理

    新建一个模块文件,然后在main.js里面通过Vue.prototype将函数挂载到Vue实例上面,通过this.函数名,来运行函数。

    1. 在main.js里面直接写函数

    简单的函数可以直接在main.js里面直接写

    Vue.prototype.changeData = function (){//changeData是函数名
      alert('执行成功');
    }

    组件中调用:

    this.changeData();//直接通过this运行函数

    2. 写一个模块文件,挂载到main.js上面。

    base.js文件,文件位置可以放在跟main.js同一级,方便引用

    exports.install = function (Vue, options) {
       Vue.prototype.text1 = function (){//全局函数1
        alert('执行成功1');
        };
        Vue.prototype.text2 = function (){//全局函数2
        alert('执行成功2');
        };
    };

    main.js入口文件:

    import base from './base'//引用
    Vue.use(base);//将全局函数当做插件来进行注册

    具体使用:

    this.text1();
    this.text2();
  • 相关阅读:
    2019春总结作业
    第十周作业
    第九周作业
    第八周作业
    第七周作业
    202103226-1 编程作业
    1 20210309-2 阅读任务
    1 20210309-1 准备工作
    课程总结
    第十三周总结
  • 原文地址:https://www.cnblogs.com/e0yu/p/11090959.html
Copyright © 2011-2022 走看看