vue中父子组件传参时props使用问题


情景: 父组件给子组件传参
注意事项:

  1. props传递数据作用域是孤立的,它是父组件通过模板传递而来,
  2. 想接收到父组件传来的数据,需要通过props选项来进行接收。
  3. 子组件需要显示的声明接收父组件传递来的数据的数量,类型,初始值。
  4. 简单的接收可以通过数组的形式来进行接收。
  5. Vue传递数据时是基于数据单向流动,子组件不能改变 props 任何属性,需要通知父组件改变相应的值,重新改变。

传参形式:(前两种是原子化)

  1. 动态传参(:params1=‘msg’)
  2. 直接定义字面量(params2=‘传给子组件2’)
  3. 传函数(:paramsFn=“fn”)
  4. 传对象(v-bind=‘obj’)【一定要写v-bind 否则接收不到】

转载:https://blog.csdn.net/qq_42842709/article/details/88894519
(侵权必删)


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM