vue混入mixins時注意的問題

mixin.js - 方式一：導出對象

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

使用時，就應該使用對象的方式導入，即：{ mixin }

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

export default { mixins: [mixin] }

 

mixin.js - 方式二：導出變量

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