Vue

vue中props能不能修改

发表于 2022-02-24
预计阅读时间 1 分钟
285
浏览

vue是单向数据流,单向数据流就是从一个组件单方向将数据流向它的内部组件,也就是父组件的数据流向子组件中,但子组件不能将这个数据修改掉,如果返回到父组件中修改然后重新流向子组件,从而达到更新数据的原理

图中可以看到,父组件向子组件传递数据的时候,子组件接收的这个数据是不能直接修改的,需要触发父组件的方法来修改这个数据,然后重新传递给子组件。

props可以改,但是不推荐。如果props传递过来的是一个string修改的会报错,如果是对象的话,修改对象的属性是可以的,但是不推荐这样。

1
2
3
4
5
6
let a = 1;
a = 2;//修改了a改变了a的内存地址

let obj = {name:'小明',age:12};
obj.age = 13;//修改了a但是没有改变obj的内存地址
// 对象修改属性的话vue监测不到,所以在props中传递对象的时候,修改没有报错

如果您喜欢此博客或发现它对您有用,则欢迎对此发表评论。 也欢迎您共享此博客,以便更多人可以参与。 如果博客中使用的图像侵犯了您的版权,请与作者联系以将其删除。 谢谢 !