组件传值之ref（解决父传子动态绑定问题）

在父组件往子组件传值，子组件中要显示父组件的信息，首先是在网上搜的watch 来监听组组件的props,但是父组件只传一次，后续再更改就没了，所以我用的$refs

props:{

    params:{
    type:Object;
    defult():{
    return {}
}
}
}

watch:{

params: {
      // 监听数据发生变化的处理函数
      handler(newV) {
        this.paramsAll = JSON.parse(JSON.stringify(newV)); //将监听到修改的值赋予到dataAttrs中
      },
      // 是否开启深度监听，由于我们上面props中是一个Object对象，所以需要开启深度监听功能
      deep: true,
    },}

在父组件中用ref

然后传值调用的methods中的方法

methods:{
    getParams(){
this.$refs.GoodsClassNav.paramsAll.categoryId = msg;
}
}

这样就可以控制子组件中的值