Vue.js mixin does not work correctly in component
<p>This is my mixin in Vue.js:</p>

<pre><code>var myMixin = {
    data () {
       clockInt: '',        
       clock: '',
       currentTime: new Date()
    },
    mounted () {
       this.intervalSetup();
    },
    methods: {

        intervalSetup () {
           var _this = this;

           // init
           this.getTime();

           // start interval every 60s
           this.clockInt = setInterval(
                _this.getTime(), 60000
           );
        },

        getTime () {
            var now = this.currentTime,
                h = now.getHours(),
                m = now.getMinutes();

            this.clock = h + ':' + m;
        }

    }
};
</code></pre>

<p>This should display a simple digital watch which sets the time every 60s.</p>

<p>Then, I register this mixin to Vue, require my component and start a new instance of Vue:</p>

<pre><code>Vue.component('comp', require('./components/MyComponent.vue'));

Vue.mixin(myMixin);

const app = new Vue({
    el: '#app'
});
</code></pre>

<p>My component looks like this:</p>

<pre><code>&lt;template&gt;
    &lt;div&gt;{{ clock }}&lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;
    export default {
        data () {
           return {
               someData: []
           }
        },
        mounted () {

          // call methods

        },
        methods: {

         // some methods

        }
    };
&lt;/script&gt;
</code></pre>

<p>The first init of the mixin method works fine and as I can see in the Vue dev-tool, all data is present too. But it does not refresh the data in the interval I set up.</p>

<p>Hopefully someone had similar issues and can help me with this.</p>