Vue组件开发--自定义组件名会引起错误？

最新推荐文章于 2024-10-22 11:35:21 发布
原创 最新推荐文章于 2024-10-22 11:35:21 发布
· 398 阅读 · 0 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

今天学习Vue组件开发的时候，遇到一个问题，怎么也解决不了，最后发现好像是组件自定义名字搞的鬼

  • 事情是这样子的：

图一
图一局部

  • 然后报的这个错误咱也看不懂啊，还希望有大佬能解释一下

在这里插入图片描述

  • 检查了好几遍代码，确认找不到错误的地方就试着改了一个地方：

把之前Vue.component(‘myCpnC’, cpnC)中的组件名字改成Vue.component(‘mycpn’, cpnC)，结果如下：神奇的一幕发生了！！！
在这里插入图片描述

有哪位大佬能解释一下嘛，拜托拜托评论区见，知识盲区

_pangpang
关注
Vue组件命名包含大写字母提示组件未正确注册的error
u012565397的博客
03-15 493
错误代码： <body> <div id="myApp"> <h1>组件学习</h1> <myComponent></myComponent> </div> <script> //该组件无法显示 Vue.component('myComponent',{ template:'<div>&
使用Vue自定义组件出现的错误
qq_1243443888的博客
07-01 1218
前言 ​ 在使用Vue的自定义组件的功能时，出现了一个错误 ​ vue.js:634 [Vue warn]: Unknown custom element: <student> - did you register the component correctly? For recursive components, make sure to provide the "name" option. ​ 代码如下 html <body> <div id="div">
vue自定义组件，测试报错For recursive components, make sure to provide the “name“ option.
weixin_47926401的博客
05-23 281
项目场景： 提示：这里简述项目相关背景： vue自定义组件，测试报错 例如：项目场景 ：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大) 问题描述 提示：这里描述项目中遇到的问题： 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： @Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(REA
Vue自定义插件报错
motor_tang的博客
04-25 728
Vue自定义插件遇到的问题 // tools.js class Tools { send(){ console.log("模块化开发测试"); } } Tools.install = function(Vue){ Vue.prototype.tools = new Tools(); } module.exports = Tools; //main.js import tools f...
vue 自定义组件，组件名大写会报错
weixin_34080571的博客
12-27 2340
2019独角兽企业重金招聘Python工程师标准>>> ...
vue-custom-element：Vue自定义元素-Vue.js的Web组件自定义元素
02-06
目录 演示版 您可以在查看Vue-custom-element... 要使用vue-cli构建Web组件，必须使用以下命令： vue-cli-service build --target lib --name your-component-name src/main.js 注意：命令vue-cli-service build --ta
使用Vue-Grid-Layout实现自定义工作台
02-01
6. **自定义组件**：在 `grid-item` 中，你可以放置任何 Vue 组件，例如图表、表单或其他 UI 元素，以实现个性化的工作台功能。 最后，为确保工作台的响应式设计，你可以根据不同的屏幕尺寸调整布局。Vue-Grid-...
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
10-18
为了解决这个问题，我们可以利用`vue-video-player`的自定义组件功能。在GitHub库中，有用户提出过类似的问题，并给出了通过注册自定义按钮组件来替代默认全屏按钮的解决方案。具体步骤如下： 1. 导入`video.js`库...
Vue-Vben-Admin - 自定义上传excel文件弹框组件
09-27
自定义上传组件通常包括文件选择、文件预览、上传进度显示以及错误处理等功能。在这个特定的"Vue-Vben-Admin - 自定义上传excel文件弹框组件"中，我们可以期待以下关键知识点： 1. **文件选择**：组件通常会包含一...
vue自定义组件内调用自身编译后报错
m0_37378152的博客
07-28 480
将自定义组件配置为全局公共组件调用，否则编译后内部的组件会找不到，本地是不会报错的。
使用Vue添加组件的报错
qq_57888960的博客
10-06 971
报错“Component name "Home" should always be multi-word.”
vue前端打印代码加遇到的问题
anwenagululu的博客
09-06 965
vue前端打印，打印预览时多一张空白页，希望在打印时显示 id="printContent" 的内容，但在组件引用时隐藏它，vue-print-nb，vue-print-nb-jeecg
vue 组件名称错误
蓝斑.json的博客
11-10 2115
这种报错 错误 组件名称“Home”应始终为多字 vue/多字组件名。使用 // eslint-disable-next-line 忽略下一行。使用 /* eslint-disable */ 忽略文件中的所有警告。本人觉得最实用的方法就是找到目录中的vue.config.js文件。然后差不多就可以完成了 问题也可以完美的解决。您可以使用特殊注释来禁用某些警告。
解决vue引入组件路径报错“Already included file name ”
最新发布
qq_45761438的博客
10-22 1421
Already included file name 'e:/新建文件夹/test1/src/components/TestVue3.vue' differs from file name 'e:/新建文件夹/test1/src/components/Testvue3.vue' only in casing.这个错误信息表明你的项目中存在两个文件名仅在大小写上有所不同的文件。在某些文件系统（如Windows）中，文件名是不区分大小写的，因此它无法区分和这两个文件。
Vue组件命名问题
marsmoon的博客
12-25 179
Vue组件命名问题
vue中组件名命名不规范导致报错
weixin_49662044的博客
02-01 725
vue中组件名命名不规范导致报错
Vue中的一些命名规范
weixin_45460053的博客
03-16 9247
在重新回顾vue官网的时候，发现一些很容易被遗忘和混淆的命名规范，今天就拿出来一起总结一下。 组件名 在注册一个组件的时候，我们始终需要给他起一个名字，在起这个名字的时候我们需要注意什么呢？ vue强烈建议遵循w3c规范中的自定义组件命名——字母全部小写并且必须包含一个连字符。这会帮助你避免和当前或者未来的html元素相冲突。 例如： Vue.component('my-component-name', { /* ... */ }) Prop HTML 中的 attribute 名是大小写不敏感的，所以浏览
解决vue报错：Component name “index“ should always be multi-word
kllo__的博客
04-18 584
提示组件名应该使用驼峰命名法，忽略提示，使得编译器不再报错，编辑.eslintrc.js文件。
【Vue】在vue中命名的时候会遇到 component name “index“ should always be multi-word的解决方案
热门推荐
Trees__的博客
08-06 2万+
【Vue】在vue中命名的时候会遇到 component name "index" should always be multi-word的解决方案 第一种方法 直接改名 第二种方法 关闭检验 第三种方法 关闭命名规则校验 第四种方法 官方建议的设置
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值