Vue或uni-app 使用外部.js文件定义全局变量和全局方法

    技术2022-07-21  87

    定义一个xxx.js文件,名称可自行定义,例如此文件名为 helper.js,放在common文件夹下 ,内容如下:

    // 如果需要访问this,需要引入Vue实例,如果需要路由则需要引入路由,(需要使用到什么就引入什么) import Vue from 'vue' // 字符串 var str = 'http://www.baidu.com' // 对象 var obj = {} // 数组 var arr = [] // 函数(不带参数) var fun1 = function() { // 可以有返回值,也可以只执行函数,没有返回值 return 'hello world' } // 函数(带参数) var fun2 = function(a, b) { return a } // 需要把定义的变量或函数暴露出去 const list = { str, obj, arr, fun1, fun2 } // 暴露出去 export default list

    使用:

    // 在需要使用的地方引入该 helper.js 文件 import helper from '../common/helper' // 根据helper.js的路径引入, import后的 helper 名可自行定义 // 或 import helper from '../common/helper.js' // 获取值: var str = helper.str var arr = helper.arr var obj = helper.obj // 函数如果有返回值也可以获取其值: var value1 = helper.fun1() var value2 = helper.fun2('hello','world') // 只是执行函数(有参数需传参数): helper.fun1() helper.fun2('hello','world') 设置值: helper.str = 'hello world!' helper.arr = ['aaa','bbb',1,false,{'cc':'ccddaaa'},[1,2,3],3.23] helper.obj = {'gg':'ggaabb','cc':'ccddss'}
    Processed: 0.020, SQL: 9