vue3传递prop踩坑

这是官方文档中的介绍:
Vue3中文官网
vue3传递prop踩坑_第1张图片
我们在组件中定义props时推荐使用驼峰命名,但是在父组件中传递数据时要使用kebab-case形式

这是我写的loading组件中定义的几个porps
vue3传递prop踩坑_第2张图片
我在使用时是这样传入的
在这里插入图片描述
但是打印出来的值是:
vue3传递prop踩坑_第3张图片
可以看到这里的outsideColor和insideColor的值并没有接受到,还是组件内定义的默认值。

当我这样传入时:
在这里插入图片描述
打印的值是:
vue3传递prop踩坑_第4张图片
可以看到outsideColor接受到了传递的值,insideColor没有。

你可能感兴趣的:(菜鸟的踩坑之旅,vue3从入门到精通,vue3,props,组件传值)