vue的prop值单向传递问题

来源:5-4 小球飞入动画实现

泠泉石上

2019-12-04

老师,vue官方文档上说的是prop属性仅仅能从父元素传递给子元素,但是实际上如果传递的值是引用类型子元素修改后会影响父元素,我们这个项目中很多地方用到了这个点,这算不算vue的设计漏洞呢?

写回答

2回答

ustbhuangyi

2019-12-04

其实不算,关联性强的组件是可以这么操作的,像课程这样。如果是值类型,那么就不能在子组件中直接修改了。

0
2
泠泉石上
直接在子组件中将prop中的对象重新赋值新对象也不会生效,应该是vue仅仅判断前后两者是否是直接相等吧
2019-12-04
共2条回复

ustbhuangyi

2019-12-04

//img.mukewang.com/szimg/5de7686c091df96118240674.jpg
参考源码:Vue 在开发环境会给 prop 的值定义这样一个 setter,所有对 prop 的赋值操作都添加这样的警告。

0
1
泠泉石上
OK,谢谢老师,后边认真听老师源码分析的课程
2019-12-04
共1条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程