问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

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

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

我来回答

1个回答

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

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

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

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

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

这样,就没有以上*了。

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

Vue组件的使用之props

动态绑定props值的灵活性在于,你可以使用v-bind属性来动态设置props的值。同时,注意props的命名规范,如驼峰命名法,其大小写形式需要匹配,这样在开发过程中,Vue会通过告警机制帮助你发现和纠正可能的错误。最后,详细定义props的好处是显而易见的,它不仅清晰地展示了组件的接口,便于他人理解使用,而且...

.vue文件名 首字母什么时候用大写,什么时候用小写 有规范吗?

在Vue.js的开发中,通常遵循以下规范来使用.vue文件名的大小写:单个组件的.vue文件名应始终使用首字母大写的驼峰命名法。例如:HelloWorld.vue 对于多个单词组成的组件名,除了第一个单词以外,每个单词的首字母都应该大写。例如:UserSettings.vue 在引用.vue组件时,应该总是使用正斜杠“/”来分隔目录...

vue组件名就该使用大驼峰吗?

没有强制要求一定要这么写,只是在编程界里面很多人都是这样写的而已,当别人看到是一个大驼峰的名字的时候就知道了这应该是一个组件,毕竟你不能太独特了和别人不一样吧

前端规范一(命名规范)

前端规范一(命名规范)1、小驼峰命名法(lowerCamelCase) :第一个单词以小写字母开始,第二个单词的首字母大写,例如:firstName、lastName。2、大驼峰命名法(CamelCase) :每一个单词的首字母都采用大写字母,例如:FirstName、LastName。3、下划线命名法(snake_case):下划线命名法也叫蛇形法,...

开发规范-命名规范

Vue框架中的命名同样重要,组件、事件、属性和方法的命名需符合框架的规范。例如,使用“v-model”来表示双向数据绑定,使用“@click”来绑定点击事件。遵循Vue的命名约定,不仅能让代码保持一致,还能提高开发效率。总之,命名规范是编程语言的美学,它不仅仅是技术要求,更是团队协作的桥梁。通过遵循一致且...

VUE:组件与组件之间的通信

2.在父组件模板的子组件中添加该props属性,属性值是父组件的msg 3.现在可以在子组件中使用数据msg,像普通data数据那样使用。同样准备上面两个组件,父组件:father,子组件:child.子组件向父组件传递数据,需要用到自定义事件,这里用click事件举例,也可以用别的事件。1.在子组件中,定义一个按钮,...

react中文官网(react中文网)

这个如同vue组件里面的props中的type:Array这个一样 这个与vue-router差不多,大家可以看文档。 react-router的中文官网:中文官网 因为react与vue一样,都是使用vitural-dom,没有处理dom节点,从而大大提高了页面的渲染效率。 当你想要获取真实的dom节点的时候,可以使用ref,具体的使用,可以看阮一峰的react入门,我下面的...

Vue——自定义组件 & 自定义事件$emit & 插槽slot

props选项: 定义组件标签上的属性。驼峰命名法的 prop 名(postTitle)需要使用其等价的短横线分隔命名法(post-title)命名。注意:props是只读的,不能修改( 解决办法: 在data中对props接收到的数据进行中转)。data: 定义组件的数据。注意:Vue实例的data选项可以是一个对象,也可以是一个方法,...

艾思软件:前端开发规范文档

规范一:使用小驼峰命名。被继承的父类的私有函数需要增加下划线前缀 “ _getPrice() ”。例如:showToast / _getPrice 规范二:根据函数作用,适当添加动词前缀。例如:getSize / setSize / hasNumber 前缀请查看文档最底部 “ 附件一:(函数命名动词前缀整合) ”二:注释规范 简单易懂的变量方法,...

如何在 vue3 中使用 jsx/tsx?

JSX中插值使用{}包裹,而无需`.value`。条件渲染使用更接近原生的写法,如`{if (cond) renderThis()}`。列表循环使用`map`,并要求有`key`。事件绑定使用`onClick`,需要箭头函数。事件修饰符通过链式驼峰写法设置,如`onClick.once`。对于`v-model`,在绑定自定义事件时,JSX需要使用一个数组来...

vue中的props vue中的props是什么意思 vue props type vue props 默认值 vue props 对象 vue computed vue开发规范 vue代码规范 vue命名规范
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
约翰·华生是如何创立行为主义的? 行为主义华生 为什么支票要在一定期限内转账或提取现金,拿完支票放在那,等有空的... 现金支票提取现金可以取很零的数字吗?比如84321.43元,写做差旅费好不... ...现金如何提取(20万)???用支票的话行吗???每天提,分几天提完... 我的手机v21,玩游戏吃鸡高画质,没一会手机发热,刚买过来,心有点慌... 电脑死机问题声音卡住,画面卡住 大神帮忙看看 日语大神看过来,翻译一段话谢谢了 最近电脑总是突然黑屏,然后拆开机箱一看发现显卡风扇不转了。现在接集 ... 麻烦大神帮我看下CPU真假 vue局部组件怎么通过props传值 如何用excel做服装进出货明细表 用EXCEL做服装的进销存表格,并自动统计各商品库存... 怎么用Excel做服装厂辅料出入库明细表格,可以自动... 服装订单转换工具或者EXCEL转换方法 我想用EXCEL做一个服装销存表格 EXCEL中怎样设置订单完成情况表格 请问怎么做Excel服装库存表格 excel服装进销存表 如何用excel文档制作服装库存表格 服装订单PO很多的情况下,excel表格怎么做?具体做法... 梦见自己被兄弟杀死了,怎么回事? 梦见为了兄弟杀人 梦见自己的兄弟拿刀砍自己预兆什么? 我梦见为了兄弟去砍人.丢下了我最爱的女人. 梦见兄弟捅了别人一刀正在抢救 梦见自己三兄弟共同杀人什么意思 梦见兄弟杀人自首 梦见和两个兄弟杀了好多人 梦到自己亲兄弟杀人了是坏事吗 Vue.js props方法给子组件传递数据要怎么做 vue props里可以传递方法吗 VUE父组件model改变后,传入子组件的props为什么没... 武汉有哪些旅游攻略景点? vue组件可以通过props传递吗 Vue2 父子组件props传数组 怎么双向绑定 湖北十堰旅游攻略景点必去 Vue父传子prop怎么写? 湖北有哪些适合旅游的城市???? 如何在Vue2中实现组件props双向绑定 如何在 Vue2 中实现组件 props 双向绑定 准备去湖北旅游三天,有什么样的旅游攻略推荐呢? 湖北自驾游有什么好玩的旅游景点推荐?湖北最受欢迎... 湖北有什么值得打卡的旅游景点? 湖北省有哪些风景名胜区? 屯了好多碧然德的滤芯,滤芯的保质期有多久啊? 家用净水机的滤芯多长时间应该要更换的? 净水器滤芯多长时间更换一次? 自来水与饮水机 超纯水设备滤芯耗材的使用期限为多久?