import时，什么时候使用花括号‘{ }‘

export 和 export default

1、export与export default均可用于导出常量、函数、文件、模块等
2、在一个文件或模块中，export可以导出多个，对应的 import导入加{ }

//导出
export const myMixins = {
  components:{},
  data() {
    return {
      age: 18,
    }
  },
  mounted() {
    this.getAge()
  },
  methods: {
    getAge() {
      console.log(this.age)
    }
  }
}
//导入
import { myMixins } from "@/mixins/myMixins.js";
export default {
  mixins: [myMixins],
  data() {
    return {}
  },
  created() {
    this.age++
  },
}

3、export default仅可以导出一个，对应的import导入时候不用加花括号

import { intoEventZhuge, getNowTime, beforeUnload, beforeZgRout } from '@/utils/index'
export default {
  data: function () {
    return {
      zgEventName: '神龙开放页面访问时长',
      startZgTime: getNowTime(),
      publicTitle: '',
      intoEventName: '神龙开放页_进入事件'
    }
  },
  beforeRouteEnter (to, from, next) {
    // 通过 `vm` 访问组件实例
    console.log('to', to)
    next(vm => {
      if (to.meta.pageName) {
        intoEventZhuge(vm.intoEventName, to.meta.plate, to.meta.pageName)
      }
      return next()
    })
  },
  beforeRouteLeave (to, from, next) {
    if (this.zgEventName) {
      beforeZgRout(this.zgEventName, this.startZgTime, from, from.query.plate)
    }
    return next()
  },
  mounted () {
    if (this.zgEventName) {
      beforeUnload(this.zgEventName, this.startZgTime, this.$router, this.$route.query.plate)
    }
  },
  methods: {

  }
}
//导入
import zhugePageTime from '@/mixins/zhugePageTime.js'
export default {
  mixins: [zhugePageTime],
  data() {
    return {}
  },
  created() {},
}