title: How to use Vue mixin methods in the component
body: <p>I'm trying to create a mixin in Vue.js v2.x but every time I call one of its methods, the console shows an error:</p>
  <blockquote>
  <p>TypeError: <em>mixins_settings_js__WEBPACK_IMPORTED_MODULE_3</em>_.default.loadSettings is not a function
  at eval (Login.vue?7463:102)</p>
  </blockquote>
  <p><strong>/src/mixins/setting.js</strong></p>
  <pre><code>import vuex from &quot;@/plugins/vuex.js&quot;
  import menu from &quot;@/settings/menu.json&quot;;
  
  export default {
    methods: {
      _traverse(jsonObj) {...},
      loadSettings() {
        this._traverse(menu);
        ...
      }
    }
  }
  </code></pre>
  <p><strong>/src/components/Login.vue</strong></p>
  <pre><code>...
  import settings from &quot;@/mixins/settings.js&quot;
  
  export default {
    mixins: [settings],
    data() {
      return {...};
    },
    methods: {
      onSubmit() {
        ...
        settings.loadSettings();
      }
    }
  }
  </code></pre>
  <p>Where am I wrong?</p>