vue混入mixins时注意的问题

mixin.js - 方式一：导出对象：

const mixin = {
  mounted () {
    console.log('eeeeeeeeee')
  },
  methods: {
  }
}

export { mixin }

或者使用这种方式：

export const mixin = {
  mounted () {
    console.log('eeeeeeeeee')
  },
  methods: {
  }
}

使用以上两种方式时，都应该使用对象的方式导入，即：{ mixin }

import { mixin } from './mixins/mixin.js'

export default {
  mixins: [mixin]
}

mixin.js - 方式二：导出变量

const mixin = {
  mounted () {
    console.log('eeeeeeeeee')
  },
  methods: {
  }
}

export default mixin

使用时，就应该使用变量的方式导入，即：mixin

import mixin from './mixins/mixin.js'

export default {
  mixins: [mixin]
}