vue 父组件在created中传值给子组件，子组件去监听props变化

转载于 2018-05-21 15:48:29 发布 · 4.9k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000014962407

文章标签：

#javascript #后端 #ViewUI

本文介绍如何在Vue中实现父组件向子组件传递数据，并在子组件中监听这些数据的变化，确保视图能够实时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简述：父组件在 created的时候传值到子组件，然后子组件去监听props的变化，如果变了，让子组件的一个变量去接到props过来的变量
需求：vue 父组件（created） -> 子组件 ->子组件监听是否变化 -> 赋值给子组件的变量
使用场景：当子组件view视图中绑定了自己的变量，这时还要接受父元素传来的值，不去修改子组件view绑定变量，监听父组件传来的变量。

解决js：

子组件：

        props:['foot']
     //监听foot   
        foot:{  
            handler:(val,oldval) => {  
                this.footShow = val;
            },  
            immediate:true,//关键
            deep:true
        }