在VUE应用程序中无法读取“未定义”的推送

Question

所以在我的VUE应用程序中，我收到此错误“Uncaught TypeError：无法读取属性'push'of undefined”。单击应该调出日历组件的日历按钮时会发生错误。

以下是我认为重要且相关的代码：

app.vue：

    <template>
       <div id="#app" style="height:100%">
          <router-view></router-view>
       </div>
    </template>

login.vue：

<template >
   <div class="login background" style="height:100%" v-on:click="bodywarning">
      <button id="signbtn" class="btn" v-on:click="calendar">calendar</button> //When I Click here I get the error
   </div>
</template>

<script>
   export default {
      name: 'login',
      methods: {
         calendar: function(){
            this.$router.push({name:'calendar'})
         },  
      }
   }
</script>

main.js：

import Electron from 'vue-electron'
import Resource from 'vue-resource'
import Router from 'vue-router'
import Vue from 'vue/dist/vue.js'
import Vuex from 'vuex'
import routes from './routes'
import { store } from './store.js';
import App from './App.vue'

Vue.use(require('vue-full-calendar'));
Vue.use(Electron)
Vue.use(Resource)
Vue.use(Router)

Vue.config.debug = true

const router = new Router({
   scrollBehavior: () => ({ y: 0 }),
   routes
})


Vue.component('date-picker', {
   template: '<input/>',
   mounted: function() {
      var self = this;
      $(this.$el).datepicker({
         onSelect: function(value,date) {
            self.$emit('update-date', date);
         }
      })
   },
});

new Vue({
   store,
   router,
   ...App,
}).$mount('#app')

store.js：

import Vuex from 'vuex'
import Vue from 'vue/dist/vue.js'
Vue.use(Vuex);
export const store = new Vuex.Store({
   //contains state, getters, mutations
});