Svelte：Web 组件传递 prop 驼峰式案例答案

【问题标题】：Svelte: Web components passing prop camel caseSvelte：Web 组件传递 prop 驼峰式案例
【发布时间】：2020-11-12 16:52:31
【问题描述】：

我正在使用由 svelte 生成的 Web 组件。我在骆驼案例（someType）中定义了道具，并且期望以下应该可以工作，但不会

<my-web-c some-type="stringVal"></my-web-c>

这是意料之中的吗？有什么办法可以解决这个问题吗？

我知道将 props 作为蛇形大小写和普通值传递确实像在 JS (some_type) 中一样工作

<my-web-c some_type="stringVal"></my-web-c>

或在 JS 中（某种类型）

<my-web-c sometype="stringVal"></my-web-c>

但对骆驼案感到好奇。

【问题讨论】：

【解决方案1】：

你可以像这样使用驼峰式道具：

<my-web-c someType="stringVal"></my-web-c>

这个REPL 展示了不同的道具类型的作用。目前不支持 Kebab-case。有一个问题要解决here。

【讨论】：

对于通过保持 customElement: true 生成的 Web 组件，上述方法不起作用，即 someType=''stringVal"。它仅适用于 svelte 组件。