Javascript 对象，其数据属性作为prop isn'；由Vue处理的t kebap

---

我将一个对象作为道具传递给一个组件，然后该组件使用v-bind将所有键值对作为属性插入到div元素中。在这个示例代码段中，我传递

{dataXyz:'hey'}

，然后在DOM中以小写形式呈现。如何将这个CamelCase对象表示法转换为带有Vue的kebap大小写（例如，属性键在dom中变成

data xyz

）？是否有特定于Vue的辅助功能/方法来完成此任务？本文很快提到了Camel-and-kebap大小写，但请不要谈论我如何将传递的对象转换为所述的到达方式：//

我发现这个有用的代码片段适用于您的用例

字符串
.更换（/（[a-z0-9]）（[a-Z]）/g，“1-2美元”）
.替换（/（[A-Z]）（[A-Z]）（？=[A-Z]）/g，“$1-$2”）
.toLowerCase（）

参考文献

这个jsfiddle可能会帮助你
我发现这个有用的代码片段适合您的用例

字符串
.更换（/（[a-z0-9]）（[a-Z]）/g，“1-2美元”）
.替换（/（[A-Z]）（[A-Z]）（？=[A-Z]）/g，“$1-$2”）
.toLowerCase（）

参考文献

这个jsfiddle可能会帮助你
i这是一位核心团队成员解释了Vue的良好实践，他使用了
lodash
方法，如kebabcase@BoussadjraBrahim我不希望为了使用kebapcase转换而导入整个库；）您的用例不够清晰，您想知道vue是如何实现这一点的，还是想自己实现这一点？@BoussadjraBrahim看一下小提琴。我试图通过将对象传递给组件来使用vue设置
data-
属性。因为我不能在对象中使用kebap case，所以我必须使用CamelCase，作为回报，CamelCase不允许我使用包含连字符的html属性。如何让Vue将对象的CamelCase键转换为kebap case html属性名？（或者，说到代码片段，让文本以蓝色显示）我这是一位核心团队成员解释了有关Vue的良好实践，他正在使用
lodash
方法，如kebabcase@BoussadjraBrahim我不希望为了使用kebapcase转换而导入整个库；）您的用例不够清晰，您想知道vue是如何实现这一点的，还是想自己实现这一点？@BoussadjraBrahim看一下小提琴。我试图通过将对象传递给组件来使用vue设置
data-
属性。因为我不能在对象中使用kebap case，所以我必须使用CamelCase，作为回报，CamelCase不允许我使用包含连字符的html属性。如何让Vue将对象的CamelCase键转换为kebap case html属性名？（或者，说到片段，让文本以蓝色显示）谢谢！那正是我想要的。谢谢！这正是我想要的。