子组件拿值，还没拿到值就监听到了

如果子组件在挂载时就监听了props的变化，那么它会立即响应父组件传递过来的初始值。这种情况下，如果父组件后续更新了props的值，子组件也能够及时获取到更新后的值。 例如，在子组件中使用watch监听props的变化： ``` props: { messageDataList: { type: Array, default: () => [] } }, watch: { messageDataList: function (newVal, oldVal) { console.log('messageDataList changed:', newVal) } } ``` 当父组件传递props给子组件时，子组件会立即响应并输出初始值。如果父组件后续更新了props的值，子组件也会相应地输出更新后的值。 注意，如果你想要在子组件中对props进行修改，需要使用Vue.set或this.$set方法来触发Vue的响应式系统。否则，子组件无法监听到props的变化。