VUE:子组件的mounted中获取不到props中的值问题

现象：

mounted读取list为空

断点放过去，界面却显示数据正常

处理：

props: {
    list: {
        type: Array
    }
},
watch: {
    list: {
         handler(newVal, oldVal) {
             console.log('init finish:', newVal)
             // 后续待处理写在这里
         },
         immediate: true, // immediate:true会立即先去执行里面的handler方法;用于在页面加载时就获取初始数据或者始化，而不是等页面加载完
         deep: true   // 默认值是 false，代表是否深度监听
    }
}

 

 修改后效果：

说明：

‌1、watch 深度监听是指监听一个对象的属性变化，包括该对象内部嵌套的对象或数组的变化。‌ 默认只监听对象属性变化，不包含内嵌对象

2、created可能也会出现相同问题