Vue中的import是ES6中引入模块的方式,用于导入其他模块或文件,可以实现代码的模块化。import语句主要有三种用法:

导入模块
import {xxx} from 'xxx'
以上这种用法可以导入模块中指定的内容,如:
import {sum} from './util'
上面的代码表示从util模块中导入sum函数。
导入模块中的所有内容
import * as xxx from 'xxx'
以上这种用法可以导入模块中所有的内容,如:
import * as util from './util'
上面的代码表示从util模块中导入所有的内容,util对象就包含了该模块的所有内容。
导入默认模块
import xxx from 'xxx'
以上这种用法可以导入模块中的默认内容,如:
import sum from './util'
上面的代码表示从util模块中导入sum函数,sum函数是util模块的默认内容。
使用import语句进行模块导入可以使代码结构更加清晰,提高代码的可维护性。例如,可以将一个大的组件分成多个小的模块,使用import语句将这些模块组合起来,从而实现代码的模块化。
千锋教育是高品质web前端培训机构,千锋教育拥有大量实力web前端培训讲师,提供优质的web培训课程,web前端培训,欢迎报名千锋教育。

京公网安备 11010802030320号