vue3传递prop踩坑

lxf2024-04-04 03:13:11

  这是官方文档中的介绍:

  Vue3中文官网

  vue3传递prop踩坑

  我们在组件中定义props时推荐使用驼峰命名,但是在父组件中传递数据时要使用kebab-case形式

  这是我写的loading组件中定义的几个porps

  vue3传递prop踩坑

  我在使用时是这样传入的

  vue3传递prop踩坑

  但是打印出来的值是:

  vue3传递prop踩坑

  可以看到这里的outsideColor和insideColor的值并没有接受到,还是组件内定义的默认值。

  当我这样传入时:

  vue3传递prop踩坑

  打印的值是:

  vue3传递prop踩坑

  可以看到outsideColor接受到了传递的值,insideColor没有。