Vue或uni-app 使用外部.js文件定义全局变量和全局方法
定义一个xxx.js文件,名称可自行定义,例如此文件名为 helper.js,放在common文件夹下 ,内容如下:// 如果需要访问this,需要引入Vue实例,如果需要路由则需要引入路由,(需要使用到什么就引入什么)import Vue from 'vue'// 字符串var str = 'http://www.baidu.com'// 对象var obj = {}// 数组var arr =
·
定义一个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'}
更多推荐
已为社区贡献1条内容
所有评论(0)