How to import mixins into single file Components?

Question

When trying to import mixin the following problem occurs

Error in render: "Typeerror: Cannot read Property 'Components' of Undefined"

But there is nothing abnormal in the Components because when taking mixin everything works normally.

methods/metodo_Div.js

export default {
  methods : {
        inserirDiv (event) {
            let componente = new flexdiv().$mount();
            this.$refs.filhosDoElemento.insertAdjacentElement('beforeend', componente.$el );
        },  
    }
}

./App.

import { methodDiv } from './metodos/metodo_Div'
...
mixins : [methodDiv],
...

Obs. I am using Browserify.

Answer 1

I arranged it this way

methods/metodo_Div.js

export const metodoDiv = {
  methods : {
        inserirDiv (event) {
            let componente = new flexdiv().$mount();
            this.$refs.filhosDoElemento.insertAdjacentElement('beforeend', componente.$el );
        },  
    }
}

./App.

import { metodoDiv } from './metodos/metodo_Div'
...
mixins : [metodoDiv],
...

Remembering that the name of the instantiated variable in import must be equal to const defined in mixin.

Answer 2

You can simply remove as {}, wouldn’t that be enough? I think the component would work. It would

import metodoDiv from './metodos/metodo_Div'
...
mixins : [metodoDiv],
...