• vue-router第一次訪問(wèn)組件時(shí)會(huì)渲染組件，當(dāng)再次操作該組件時(shí)，不會(huì)重新進(jìn)行生成，而是會(huì)復(fù)用組件，而created()生命周期函數(shù)只會(huì)在第一次生成的時(shí)候調(diào)用，而后在復(fù)用組件的時(shí)候由于不是屬于第一次生成，所以不再執(zhí)行，這個(gè)時(shí)候就要用到watch監(jiān)控$route（路由信息對(duì)象），當(dāng)信息對(duì)象殘生變化就再執(zhí)行created()的函數(shù)

 export default {
        watch: {
            $route(){
                this.getData()
            }
        },
        methods: {
            getData(){
                let id = this.$route.params.userId
            
                if(id){
                    this.userInfo = this.userList.filter((item) => {
                        return item.id == id
                    })[0]
                }else{
                    this.userInfo = {}
                }   
            }
        },
        created(){
            // console.log(this.$route)
            this.getData()
        }
    }