Ошибка примесей во Vue?

Question

[vetsmen]

Есть примесь login.js:

export const login = {
	methods: {
		hello: function () {
			console.log('test')
		}
	}
}

И есть мой компонент:

...
import { Login } from './mixins/login';
...
export default {
	mixins: [Login],
        ...
}

Однако сразу же вылетает ошибка:

Error in render: "TypeError: Cannot read property 'components' of undefined"
found in
---> <App> at src/components/App.vue

Если я примесь инициализирую в файле компонента (то есть без подключения отдельного файла), то все адекватно работает. В чем может быть проблема?

Answer 1

[Сергей delphinpro]

Примесь:

export default Vue.extend({
  methods: {
    hello: function () {
      console.log('test')
    }
  }
})

Еще у вас экспортируется переменная login, а импортируете вы Login.
Проблема скорее всего здесь. Отсюда и undefined.

Comments

[vetsmen]

Еще у вас экспортируется переменная login, а импортируете вы Login.
Проблема скорее всего здесь. Отсюда и undefined.

Именно в этом и была проблема, спасибо!
А в чем плюс использовать примесь так, как вы описали, а не как у меня в примере? В чем разница?