vue mixins混入時の注意点

mixin.js-メソッド1:オブジェクトのエクスポート

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

export { mixin }

使用する場合は、{mixin}というオブジェクトを使用してインポートする必要があります.

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

export default {
  mixins: [mixin]
}

 
mixin.js-メソッド2:変数のエクスポート

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

export default mixin

使用する場合は、変数を使用してインポートする必要があります.すなわち、mixin

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

export default {
  mixins: [mixin]
}

 
まとめ:インポート方法を一致させてエクスポートします.そうしないと混入できません.エラーが表示されます.Cannot read property'components'of undefined