import引入置顶方法或引入全部方法是es6中新增的功能，那么在开发中如何动态使用import引入的方法呢？

本篇文章就来给出详细案例，演示如何使用import动态引入的方法来通过变量的动态使用引入的方法。

base.js中文件内容如下：

export function test() {
	console.log("测试")
}

在页面onLoad中定义常量值动态调用base.js中的方法

import * as t from "@/utils/base.js"
export default {
	data() {
		return {
		}
	},
	onLoad() {
		let a = 'test';
		t[a]()
	},
	methods: {}
}
//打印结果
测试

使用data中的数组数据循环调用base.js中方法名

import * as t from "@/utils/base.js"
export default {
	data() {
		return {
			arr:[{'fun':'test'},{'fun':'test'}]
		}
	},
	onLoad() {
		for (var i = 0; i < this.arr.length; i++) {
			t[this.arr[i]['fun']]()
		}
	},
	methods: {}
}
//打印结果
测试
测试

代码解析：

    使用es6提供的export导出方法，在使用import将base.js中所有方法引入并配置别名t。

    在onLoad中定义变量a值为base.js中任意一个方法名，如test。在通过t[a]()方式就可以动态来调用base.js中的方法了。

注意点：变量a可以根据实际情况定义，及在data中定义等方式。