使用Vue时发现程序中的import导入时有的用了花括号,有的未用。于是自己使用时就没有带上花括号,最后运行不起来,调试发现是缺少花括号的问题。
import Index from '@/components/Index'; import {user} from './modules/user'; import message from './modules/message';
import导入(包括export:导出)模块使用花括号是ES6中的语法,而且分为几种情况:
1. 导入部分引入的是default不用花括号,非default时,要使用花括号。
我上面的Index里面正是使用export default的方法,而message则是用的export const message。其它通过export function fnt(){}导出的方法或函数也是要加上花括号{ fnt }。
2。全部导入时不用花括号,导入部分时使用花括号
import person from './people' import {name, age} from './people'
3. 将整个模块当作单一对象进行导入,使用*号不用花括号,该模块的所有导出都会作为对象的属性和方法存在
import * as example from "./example.js" console.log(example.name) console.log(example.getName())