vue中props怎么样传值才能被监听到

前言:长期没有确定props数据同步,今天做一下总结

1.prorps传递的是字符串

父组件传递aa值,并且aa动态修改
在这里插入图片描述
子组件接受
在这里插入图片描述
测试结果:
在这里插入图片描述
可以看出props传值以后是,子组件是可以接受到动态值的。

2.数组测试

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.对象中动态修改属性值(data中监听)

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
但监听必须使用deep深度监听。

4.对象中动态修改属性值(未在data中监听)

在这里插入图片描述
在这里插入图片描述

总结

由上面实例可以看出

  • 想要父组件 props 传值被子组件实时监听到,必须在父组件的 data 中先声明,对象类型必须声明到具体属性值
posted @ 2022-12-06 22:18  轻风细雨_林木木  阅读(293)  评论(0编辑  收藏  举报