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,具体看情况。
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需要使用一个数组来...