vue-router this.$router.push 提示錯(cuò)誤 push undefined

控制臺(tái)錯(cuò)誤：
Uncaught TypeError: Cannot read property 'push' of undefined

index.js:

import Vue from "vue";
import queryBar from './components/queryBar';
import cityBar from './components/cityBar';
import lineQueryMulti from './components/lineQueryMulti';
import VueRouter from 'vue-router'

Vue.config.debug = true;//開(kāi)啟錯(cuò)誤提示

Vue.use(VueRouter)

var app = new Vue({
    el: '#main', 
    components: {
        'query-bar':queryBar,
        'city-bar':cityBar,
        lineQueryMulti,
    },
    router: new VueRouter({
        mode:'hash',
        routes:[
            {path: '/queryLine/', component: lineQueryMulti},
            //{path: '/bar', component: {template:'<div>bar</div>'} }
        ]
    }),
});

queryBar.vue:

<script>
    import Vue from "vue";
    import cityBar from './cityBar';
    import axios from 'axios';

    //Vue.component('city-bar', cityBar);

    var self = this;

    export default {

        //data:function(){}，下面是es6寫(xiě)法
        data () {
            return {
                busNo: '',
                stationName: '',

            }
        },

        components : {
            cityBar
        },

        methods: {

            onSubmitLine: () => {
                this.$router.push({ path: 'queryLine', query: { cityNameCn: cityNameCn.name, busNo: busNo }})
            },
        },

    }
</script>
<template>
    <div id="mainQuery">
    <!-- 聲明cityBar.vue為queryBar.vue的子組件 -->
    <city-bar :message=cityNameCn.name></city-bar>
    
    <form action="queryLine.do" method="post" class="xianluForm queryForm clearAndHideOverflow" v-on:submit.prevent="onSubmitLine">
         <input type="text" name="busNo" class="xianluInput" placeholder="請(qǐng)輸入線(xiàn)路" v-model="busNo"/>
         <button type="submit" class="submitButton">查詢(xún)</button>
    </form>

    </div>
</template>