vue监听不到父组件传过来的值

最新推荐文章于 2025-10-13 10:50:23 发布

原创最新推荐文章于 2025-10-13 10:50:23 发布 · 906 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #node.js

该博客探讨了Vue.js中如何使用watch选项监听props属性的变化，特别是在`immediate: true`配置下，组件在创建时立即触发handler处理函数，从而实现对父组件传递值的即时响应。同时，文章提到了在`created`生命周期钩子中已能获取到父组件传递的数据。

解决办法：immediate:true

export default {
    props: ["cardData"],
    watch: {
        cardData: {
                handler(newValue, oldValue) {
                    console.log(newValue);
                },
                immediate: true
            }
    },
    created() {
        console.log(this.childmsg);//这里已经获取了父组件传过来的值
    },
}