用導航選單時遇到的一些問題：點選開啟官網例子

問題1：頁面強制重新整理，按F5時，頁面如果沒有好好設定的話，導航欄預設疊起來，而且無高亮顯示；重新整理後導航欄顯示和之前不一致，如圖所示

解決：

html關鍵程式碼設定 :default-active="defaultUrl"

這樣設定後，無論如何重新整理頁面，頁面都會高亮顯示當前url

問題2：

點選瀏覽器前進後退按鈕導致高亮顯示不同步，

解決問題關鍵，和問題一原理一樣，當路由變化時，改變預設顯示高亮的值

    //監聽路由變化
    watch: {
      '$route':'getPath'
    },
    methods: {
      getPath(){
        this.defaultUrl = this.$route.path;
      }
    },