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 否则接收不到】