Vue 监听inject传递的变量

//components-parent
provide(){
        return {
            // 注意这里如果是变动的值一定要写可以监听到变化的,
            // data里面的值并且一定是对象JSON,否则不会被监听到
            isAside:this.isAsideNav
        }
    },
 data(){
        return {
            isAsideNav:{
                status: false
            }
        }
    }
//components-child-child
 inject:['isAside'],
    data(){
        return {
            str:""
        }
    },
    watch: {
        //如果监听数据变化一定要深度监听,否则监听不到数据变化
       isAside:{
            "deep":true,
            handler(){
                console.log("watch监听到了")
            }
        }
    },

 

posted @ 2020-09-11 11:25  风中琉璃  阅读(3374)  评论(0)    收藏  举报