vue props无法被watch

描述

使用父子组件prop传参的时候，无法侦听。

解决：

原来代码：

watch(props.XXXX, () => {console.log(1)})

添加两个默认参数：

watch(props.XXXX, () => {console.log(1)}, {deep: true, immediate: true})

原因：

• 不会watch深层次的修改，比如Array[Object]不会触发。
• immediate:true：监听的这个对象是否会【立始输出】，也就是监听没开启动作时，就先输入初始值。如果不输入的话，第一次修改不会侦听。

props第一次不会侦听，点击第二次才会。