vue的props用小驼峰更规范吗？

发布网友发布时间：2022-04-22 06:50

共1个回答

热心网友时间：2022-06-16 21:25

HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名。怎么理解呢，举个栗子：

HTML特性不区分大小写，所以大写会转为小写。HTML作为对camelCase (驼峰命名法)的区分，会自动转为kebab-case (短横线分隔命名) 命名

HTML中的post-title ==> porp 中的 postTitle 或者 post-title

HTML中的posttitle 或 posTtitle ==> porp 中的 posttitle

但是，如果你使用字符串模板，那么这个*就不存在了。同样举个栗子：

props: ['title', 'likes', 'isPublished', 'commentIds', 'author']

这样，就没有以上*了。

个人比较喜欢使用字符串模板传递props，具体看情况。