Vue中import和export导入导出有时需要用花括号的情况

本文地址:http://www.04007.cn/article/991.html

    使用Vue时发现程序中的import导入时有的用了花括号，有的未用。于是自己使用时就没有带上花括号，最后运行不起来，调试发现是缺少花括号的问题。本文地址:http://www.04007.cn/article/991.html,未经许可,不得转载.

import Index from '@/components/Index';
import {user} from './modules/user';
import message from './modules/message';

本文地址:http://www.04007.cn/article/991.html,未经许可,不得转载.

import导入(包括export:导出)模块使用花括号是ES6中的语法，而且分为几种情况：本文地址:http://www.04007.cn/article/991.html,未经许可,不得转载.

1. 导入部分引入的是default不用花括号，非default时，要使用花括号。
我上面的Index里面正是使用export default的方法，而message则是用的export const message。其它通过export function fnt(){}导出的方法或函数也是要加上花括号{ fnt }。本文地址:http://www.04007.cn/article/991.html,未经许可,不得转载.

2。全部导入时不用花括号，导入部分时使用花括号本文地址:http://www.04007.cn/article/991.html,未经许可,不得转载.

import person from './people'
import {name, age} from './people'

本文地址:http://www.04007.cn/article/991.html,未经许可,不得转载.

3. 将整个模块当作单一对象进行导入，使用*号不用花括号，该模块的所有导出都会作为对象的属性和方法存在本文地址:http://www.04007.cn/article/991.html,未经许可,不得转载.

import * as example from "./example.js"
console.log(example.name)
console.log(example.getName())

本文地址:http://www.04007.cn/article/991.html,未经许可,不得转载.

本文地址:http://www.04007.cn/article/991.html 未经许可,不得转载. 手机访问本页请扫描右下方二维码.

手机扫码直接打开本页面