vue的prop值单向传递问题

Question

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

Answer 1

ustbhuangyi 2019-12-04 15:43:33

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

• 提问者 泠泉石上 #1

  非常感谢！

• 提问者 泠泉石上 #2

  直接在子组件中将prop中的对象重新赋值新对象也不会生效,应该是vue仅仅判断前后两者是否是直接相等吧

Answer 2

ustbhuangyi 2019-12-04 16:05:34

参考源码：Vue 在开发环境会给 prop 的值定义这样一个 setter，所有对 prop 的赋值操作都添加这样的警告。

• 提问者 泠泉石上 #1

  OK,谢谢老师,后边认真听老师源码分析的课程