vue中用watch監聽當前路由

之前做項目時，特別是后台項目，左邊都有側邊欄，我們需要做到點擊某個側邊欄的項讓這個項高亮，之前采用的是給每個項綁定一個值，點擊某個項時，就將這個值付給一個變量，在每一項上判斷這個變量是否與每項上的值相等，從而使對應項高亮，

但是最近在vue-element-admin上看到的是，他的側邊欄其實就是路由的配置，只要配置路由，就會在側邊欄顯示，於是，他采用了監聽$route的方式來確定當前頁，從而確定哪一項高亮，而且前進后退也不會出現其他問題，下面上一個代碼，

從此讓你知道$route也是可以這樣使用！！！

    watch:{
        $route:{
            handler(newRouter){
                this.curTagName=newRouter.name;
            },
            immediate: true
        }
    },

另外，利用好$router中的路由元信息，是可以做出好多東西的，比如說面包屑，這些vue-element-admin上都有體現！！！

 

 

 

下面是計算屬性和watch的配合使用   可以監聽對象里的某一個值

computed:{

        testText1 () {

            return this.test.text1

        }

    },

    watch:{

        testText1: {

            dosomething (newVal,oldVal){

                // code

            }

        }

    }

}