uniapp组件属性无法支持kebab-case的命名写法

最新推荐文章于 2024-07-26 09:49:02 发布
最新推荐文章于 2024-07-26 09:49:02 发布
阅读量863 收藏
点赞数
分类专栏： 移动混合APP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37933086/article/details/100007712
版权

uniapp中习惯了写Vue的同学会觉得很好上手，但值得注意的是uniapp中不支持 kebab-case 这样的命名方式，只支持驼峰命名。

李哥你别漂
关注
专栏目录
【零基础学会uniapp系列】7.3 组件的编写规范
一个热爱互联网的年轻小伙子
10-30 340
封装组件涉及的知识点较多，这里我们举一个最简单的例子，来让大家快速了解组件的内容。 封装组件教程 组件文件的命名规范： 参考7.2的内容，以能够实现easycom为标准，来进行命名。即： 符合components/组件名称/组件名称.vue目录结构 操作步骤： 1、 如果项目中没有components文件夹，则首先创建该文件夹。 2、 在文件夹上面点击右键，选择新建组件 3 、输入文件名，创建目录，选择css方式。即可创建成功 重点介绍： name -- 组件名 <script
uni-app的组件命名规则
肖肖肖丽珠的博客
07-20 1673
组件名称小写。
命名规则 Kebab-case、camelCase、Pascal case
最新发布
༺ bestcxx的专栏 ༻
07-26 987
总的来说，三种命名约定都有各自的优缺点和适用场景。在实际开发中,开发者应该根据编程语言、框架、团队等因素,选择合适的命名约定,保持代码的一致性和可读性。
kebab-case命名约定
听海边涛声
02-08 386
kebab-case命名约定
vue组件中camelCased (驼峰式) 命名与 kebab-case（短横线命名）
热门推荐
王小森的成长博客
07-12 4万+
vue中组件和html中命名方式（camelCase 和 kebab-case ）的分析理解
前端开源库-just-kebab-case
08-29
"just-kebab-case" 是一个开源库，专为处理字符串转换成 kebab-case（也称为"短横线式命名"）而设计。这个库的出现是为了满足前端开发者在处理CSS类名、URL参数、文件名等场景下对这种特定命名方式的需求。 kebab-...
前端开源库-just-kebab-case.zip
10-05
`kebab-case`，也被称为`lisp-case`或`spinal-case`，是一种将单词间用短横线“-”分隔的小写命名方式。它在Web开发中的应用非常广泛，比如CSS类名、URL参数、HTML属性、以及某些编程语言中的模块或文件名等。与之...
kebab-case命名法
07-28
Kebab-case命名法是一种编程中常用的命名约定。它使用连字符 "-" 来分隔单词，并且所有字母都小写。这种命名法常用于HTML和CSS中的类名、URL路径以及一些编程语言的变量和函数命名中。 以下是一个使用kebab-case...
kebab-case命名规范
11-01
kebab-case命名规范是一种命名规则，也被称为短横线隔开命名法。它的特点是每个单词都用短横线隔开，而且每个单词的首字母都小写。这种命名规范通常用于HTML、CSS和JavaScript等Web开发领域中。与其他命名规范相比，...
camelCased (驼峰式) 命名与 kebab-case（短横线命名）
tumi
04-12 5016
HTML 特性是不区分大小写的。所以，当使用的不是字符串模板时，camelCase (驼峰式命名) 的 prop 需要转换为相对应的 kebab-case (短横线分隔式命名)：Vue.component('child', { // 在 JavaScript 中使用 camelCase props: ['myMessage'], template: '&lt;span&gt;{{ my...
前端uniapp代码规范
weixin_48113283的博客
12-07 875
无论有多少人共同参与同一项目，一定要确保每一行代码都像是唯一个人编写的。页面写完一定要格式化代码一下，HBuilderX格式化代码快捷键：Ctrl+k。删除打印！删除打印！删除打印！保持代码简洁！！！修改代码的时候分清楚不要的和暂时不要的，把不需要的删掉，包括view，js，css和注释。
uni-app组件封装基本知识
m0_56098150的博客
08-15 3184
大前端学习：uniapp中：组件封装基本知识
css 产生huck,10 Useful CSS Properties Not Supported By Internet Explorer
weixin_35662085的博客
08-03 233
NOTE: This is an older article that targets IE6 and IE7. IE8 now supports many of the properties and property values listed below.In a previous article I described 10 useful, cross-browser, CSS proper...
vue中dom模板为什么要使用kebab-case命名法(短横线命名)
树上骑个猴的博客
01-25 1335
最近看到vue官方文档的时候，多次提及字符串模板和dom模板，对这个概念比较模糊，经查阅后记录供日后参考。 1.字符串模板 字符串模板就是写在vue中的template中定义的模板，如.vue的单文件组件模板和定义组件时template属性值的模板。字符串模板不会在页面初始化参与页面的渲染，会被vue进行解析编译之后再被浏览器渲染，所以不受限于html结构和标签的命名。 Vue.component('MyComponentA', { template: '<div MyId="123">
前端开发代码命名规范
R的博客
05-27 893
目录一.开发与命名规范二.VsCode 插件扩展三.家族式设计语言概念(未落地) 须知: 以下均为实际开发中用到的物料与规范,在此留存,会持续完善内容,同时欢迎各位补充! 一.开发与命名规范 约定 文件必须添加头部解释说明,用以概括当前文件的主要作用 相同内容的 UI 或者内容被使用 2 次以上,务必封装成组件 临时数据如果过长,必须新建一个 js 用来放置临时数据,如当前页的 data.js 提交代码前务必执行 eslint 校验并自行删除 console 输出,保持代码的整洁度 项目采用懒加载形式
vue组件命名方式/使用方式
imkaifan的博客
02-26 7458
1、定义组件名的方式有两种： 使用 kebab-case 当使用 kebab-case (短横线分隔命名) 定义一个组件时， 你也必须在引用这个自定义元素时使用 kebab-case，例如 。 Vue.component('my-component-name', { /* ... */ }) 使用 PascalCase 当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。注意，尽管如此，直接 在 DOM (即非字符
uniapp和php,uniapp的不足有哪些
weixin_39710966的博客
03-11 536
uniapp的不足有：1、兼容性问题，在Android平台上表现较微信小程序和iOS上差；2、文件命名等受限；3、对于使用中的一些bug及问题，官方回应的不是很及时。本教程操作环境：windows7系统、uni-app2.5.1版本，Dell G3电脑。uniapp的不足之处有：1、兼容性问题，在Android平台上表现较微信小程序和iOS上差。2、文件命名等受限。3、官方反馈信息不及时。当然也有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值