Vue爬坑笔记之四(监听)

监听操作是经常会用到的,通过对一个状态、一个对象、URL等的监听，在其变化时进行需要的操作。

监听路由

watch:{
    '$route': function(to,from){
        //to是要跳转到的页面路由对象 "我到哪里去"
        //from是要离开的页面路由对象    "我从哪里来"
    }
    '$route.path':function(to,from){
        //一些操作
    }
}

监听数据

    data(){
        return {
            num:0,
            obj:{
                name:'',
                id:'1'
            }
        }
    },
    watch:{
        'num':function(newValue,oldValue){
            //直接监听数据变化
        },
        'obj.name':function(newValue,oldValue){
            //监听对象中某个属性的变化
        }
    }