定义一个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'}

Logo

前往低代码交流专区

更多推荐