vue 引入全局变量和全局函数

关于vue引入全局变量和全局函数

一、全局变量

首先单独定义一个js文件，我一般放在asset文件中，注意结尾要用export写法


在入口文件main.js（如果是多页面，就是用到该全局变量的入口文件）引入全局配置

import HyConfig from "./assets/js/MapConfig.js" //引入全局配置
Vue.prototype.HyConfig = HyConfig; //引入全局配置

在项目中通过this.HyConfig.MapConfig来使用


二、全局函数

1、建立全局函数文件 FuncUtil.js

在文件中，编写全局函数，外部用exports.install包含，如函数packageFunc和函数text2

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

2、在入口文件处引用

import HyFunc from "./assets/js/FuncUtil.js" //引入全局通用函数
Vue.use(HyFunc)

3、在使用时 使用this.text2来调用即可


部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！