1.如何给组件传递数据?

答:按照key:value的形式进行传递。

Vue的props配置项-LMLPHP

2.如何保存传递给组件的数据?

2.1 使用数组

Vue的props配置项-LMLPHP

2.2 使用对象保存

        使用对象进行保存,可以配置每个数据的数据类型、是否为必须、默认值等。

Vue的props配置项-LMLPHP

3.一些注意事项

  1. props管理的数据不能够进行修改(实际上可以修改,但是不建议)
  2. 可以使用:key="expression"的形式动态获取key的值,它的值就是expression的计算值。
  3. props接受的数据挂载在组件实例对象之上。但是不具有响应式。
  4. props配置项的数据名与data配置项的数据名重复时,采用props的数据名,因为他们都挂载在组件实例对象之上,props的优先级更高(Vue先处理props再处理data)。所以可以在data配置项中引用props配置项中传进来的数据,使之具有响应式。
  5. props配置项中的数据名没有接收到数据时,为undefined
  6. key属性不能作为key名称 
09-07 23:01