关于import的问题

Question

老师好，
import originJsonp from 'jsonp’
类似这种语句什么时候需要在引入的时候加{}，例import { originJsonp } from 'jsonp’
什么时候不需要加呢？

Answer 1

ustbhuangyi 2019-05-13 09:51:47

Vuex export default 一个完整的对象。

正常是

import vuex from 'vuex'
const { mapState, mapMutations } = vuex

也可简写成

import { mapState, mapMutations } from 'vuex'

• 提问者 目訫 #1

  刚刚听了老师的建议去看了一下ES6的解构赋值，老师这么一说貌似懂了不知道对不对：
  我认为是，
  例如：
            let a = {
              b: 1,
              c: 2
            }
            const {c, b} = a
            console.log(b, c)
  这个时候输出的是1,2
  也就是const { mapState, mapMutations } = { mapState, mapMutations }

• 提问者 目訫 #2

  只不过左侧的{ mapState, mapMutations } 是我们用来接受并映射的对象，右侧的是vuex中的对象。

Answer 2

提问者 目訫 2019-05-11 21:57:48

这个问题我知道了，是因为如果js中有默认导出就不用加{}（也就是export default）；如果js中有命名导出，就需要加{}（也就是export name）例：export const A = 0.

但是，老师，例在vuex中，为什么也要加{}，，例如

import { mapState, mapMutations } from 'vuex'

• ustbhuangyi #1

  你可以理解为解构赋值

• 提问者 目訫 回复 ustbhuangyi #2

  还是不太懂诶