Vue中名称命名的大小写问题

最新推荐文章于 2023-05-07 14:49:22 发布
最新推荐文章于 2023-05-07 14:49:22 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： vue 文章标签： vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MS6324_ZAKU/article/details/109212411
版权

在html中,字母是不区分的大小写的

  • html中会把大写默认转换成小写
  • 因此,Vue组件的命名不能使用驼峰命名直接复制到html标签上
  • 否则在寻找组件名称时,小写名称和js中的驼峰命名组件名称不匹配
  • 所以会找不到

那么咋办呢?

用短横线命名啦

在Vue组件中,父组件给子组件传递信息,必须使用短横线命名

因为涉及html

在template中,父组件给子组件传递信息,必须使用驼峰命名

template只能用驼峰

在组件的data函数中,传递父组件的数据,使用this.xxx时,只能使用驼峰命名

data函数只能驼峰

龟霸也是高达
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中echarts图表大小适应窗口大小且不需要刷新案例
10-15
主要介绍了vue中echarts图表大小适应窗口大小且不需要刷新案例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue中的一些命名规范
weixin_45460053的博客
03-16 8917
在重新回顾vue官网的时候，发现一些很容易被遗忘和混淆的命名规范，今天就拿出来一起总结一下。 组件名 在注册一个组件的时候，我们始终需要给他起一个名字，在起这个名字的时候我们需要注意什么呢？ vue强烈建议遵循w3c规范中的自定义组件命名——字母全部小写并且必须包含一个连字符。这会帮助你避免和当前或者未来的html元素相冲突。 例如： Vue.component('my-component-name', { /* ... */ }) Prop HTML 中的 attribute 名是大小写不敏感的，所以浏览
论vue组件的大小写在Linux的问题
前端kk的博客
06-15 693
vue的组件一般都是大写的如Search.vue 当我们引用的时候可以是 import search from ‘../../components/public/Search.vue’或者 import search from ‘../../components/public/search.vue’ 只要命统一即可 但是这只是在windows系统下不会报错， 但是如果在linux系统下,则会出现引...
Vue项目中的文件/文件夹命名规范
weixin_34349320的博客
09-21 2023
文件或文件夹的命名遵循以下原则： index.js 或者 index.vue，统一使用小写字母开头的(kebab-case)命名规范 属于组件或类的，统一使用大写字母开头的(PascalCase)命名规范 其他非组件或类的，统一使用小写字母开头的(kebab-case)命名规范 1. Why？ 文...
45.Vue.js官网学习笔记（prop）
银河与猫的博客
01-14 253
1.prop的大小写 HTML中的attribute名称大小写不敏感，所以当使用DOM中的模板时，需要将驼峰命名法的prop名（firstName）改成短横线命名（first-name）： Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], template: '&lt...
vue组件命名大小写问题
qq_33206911的博客
05-07 832
组件文件命名首字母大写：MyComponent.vue(自己用）或my-component.vuename和组件文件命名一致即可组件引入可以自己命名，这里和文件命名一致方便查找，我使用MyComponent即首字母大写的方式。
关于Vue组件名大小写的一些问题
小时候很快乐的博客
11-15 6907
关于Vue组件名大小写的一些问题 近期公司组织前端框架技术分享，我选了Vue，在理解过程中发现组件命名时可能会踩到的一些坑。网上搜索发现对此的一些解释都不太准确，写篇博客整理一下自己的一些试错经验吧。 全局组件在进行注册时，对组件名的大小写是没有进行任何限制的，大小写Aa下划线_短线-甚至是中文’啊’都可以进行注册。当然中文不能做为第一个字符，也不建议在组件名中使用中文（测试浏览器：谷歌、火狐） ...
vue-router之路由属性配置说明
qq_35859392的博客
04-02 3602
exportdefaultnewRouter({ mode:'history',//路由模式，取值为history与hash base:'/',//打包路径，默认为/，可以修改 routes:[ { path:string,//路径 component:Component;//页面组件 ...
vue项目大小写报错
衣乌岸苑
01-27 859
There are multiple modules with names that only differ in casing. 有多个模块同名仅大小写不同 This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. 这可能导致在一些文件系统中产生不是预期的行为 Use equal casing. 使用唯一的写法 原因可能是你文件夹名字和你当前运行程序的目录大小写不同，比如你文件
Linux环境前端vue项目打包失败，路径大小写敏感问题怎么解决？
littleWhiteSan的博客
04-24 2422
文章目录前言一、Gitlab-runner Linux环境打包报错？二、什么原因？三.怎么解决？总结 前言 公司的前端项目一直没使用自动打包部署，都是手动build发布到服务器上面，感觉很不方便。所以用了gitlab runner 自动打包发布。部署完环境之后，在Linux上面打包前端代码一直报错，找不到文件，发现是文件路径大小写问题导致。 一、Gitlab-runner Linux环境打包报错？ 打包一直报错文件找不到，实际上在windows下面打包是OK的，原因是英文vue router配置里面引
【vue打包路径敏感解决】linux下vue打包路径大小写敏感问题分析解决
weixin_45974445的博客
12-30 2447
vue在linux下打包路径大小写敏感，问题解决 window下文件的路i的大小写是不敏感的，而linux下文件的路径名称需要区分大小写，在用linux打包文vue项目的时候会出现路径错误。要在linux 下完成打包，需修改文件中路径引用严格区分大小写。 此处通过python 脚本对 route/index.js 路径进行修改获取正确路径 # -*- coding:utf-8 -*- ''' Description: Author: xiaoming Date: 2021-12-30 15:22:01 '
深入解析Vue 组件命名那些事
01-19
诚如上述所言，编程中变量命名确实令人很头疼。我们模糊地知道，Vue 组件的名称最好不要和原生 HTML 标签相同。为了避免重名，通常会在组件名称前面加上一个前缀，如 el-button、el-input、el-date-picker。这通常...
Vue中通过vue-router实现命名视图的问题
10-15
主要介绍了在Vue中通过vue-router实现命名视图,本文给大家提到了vue-router的原理解析，给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
记录vue项目中遇到的一点小问题
10-17
本文是脚本之家小编给大家收藏整理的关于vue项目中遇到的一点小问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
vue 中 命名视图的用法实例详解
10-16
主要介绍了vue 中 命名视图的用法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
vue 有关于命名大小写的问题
ZHXT__的博客
10-29 5025
记录一下命名的的一些坑 组件命名的大小写 组件名大小写 定义组件名的方式有两种： 使用 kebab-case Vue.component('my-component-name', { /* ... */ }) 当使用 kebab-case (短横线分隔命名) 定义一个组件时， 也必须在引用这个自定义元素时使用 kebab-case，例如<my-component-name>。 使...
vue命名组件不能大写吗
nightwishh的博客
05-08 3219
主要代码如下 <body> <div id="app"> <ssST></ssST> </div> <template id="tp1"> <li>Hello</li> </template> </body> <script> Vue.comp...
Vue部署到服务器之后，由于组件名大小写导致页面加载报错
qq_40018541的博客
04-29 1302
# Vue部署到服务器之后，由于组件名大小写导致页面加载报错 先看下面截图所示，在Windows环境下项目启动页面加载没有任何问题。 项目部署服务器之后，加载页面报错update组件未定义，原因是由于前端人员的疏忽，组件名定义与引用不一致，服务器环境必须大小写统一，把组件名称与引用组件相统一即可。
vscode 无法识别vue文件后缀
qq_52940025的博客
05-18 6459
vue文件无法识别
vue3 class命名规范
最新发布
08-25
6. 使用大小写敏感的命名：在 Vue 3 中，class 的命名是大小写敏感的。确保在使用 class 名称时保持一致。 这些是一些常见的 Vue 3 class 命名规范，但它们并不是强制性的规则，你可以根据自己的项目需求和团队约定...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值