vue中自定义组件的命名规则
问题
vue中自定义的组件名在html中字母大写会报错
html:
js:
自定义的组件中字母可以大写,但是在html标签中,字母有大写的就会报错
原因
- 这是因为html中不区分大小写,所以在html中如果写为 likeBig,就会自动解析为 likebig
- 匹配的优先顺序从高到低为:原标签名、likeBig化的标签名、LikeBig化的标签名
- 而由于 html解析成likeBig时,相当于将该标签当成了一个单词进行了转换,所以它的匹配顺序为likebig,likebig,Likebig,所以找不到对应组件
解决的办法
- 在html标签中将两个单词用-隔开,like-big,这时就相当于是两个单词
- 会依次匹配 like-big,likeBig,LikeBig
总结
vue中是支持命名中有字母大写的,但是模板解析插入dom时,不区分大小写,都转成了小写,所以会导致,匹配不到对应的组件
vue中自定义组件的命名规则相关推荐
- vue中自定义组件“ directives “的常用功能
directives 可以全局使用以及组件内部定义使用 directives是什么? 注册自定义的指令 directives有什么作用? 对普通 DOM 元素进行底层操作,就会用到自定义指令 dire ...
- vue中自定义组件的用法(企业微信通讯录选人)
组件的好处就是可以重复使用,坏处就是父子组件之间的通信相对比较麻烦,但是掌握了父子组件之间的通信后组件的应用就很简单了.下面是实战,最后是思路. 项目的index.html中引入https://res ...
- 怎么将vue模板转换为html,vue中自定义html文件的模板
如果默认生成的 HTML 文件不适合需求,可以创建/使用自定义模板. 一是通过 inject 选项,然后传递给定制的 HTML 文件.html-webpack-plugin 将会自动注入所有需要的 C ...
- Vue组件的命名规则
Vue组件的命名规则 什么是组件? 可以组合的物件就叫组件,比如手臂.腿就是人的组件. 组件可以认为是实例中的实例. camelCased (驼峰式) 命名与kebabCase (短横线) 命名 1 ...
- ant design vue 中Upload组件如何自定义文件列表的样式
ant design vue 中Upload组件如何自定义文件列表的样式 问题 历程 UploadList 组件源码 h() 方法 实现 注 问题 技术:vue.ant design vue 在开发项 ...
- 20.番外篇——Vue如何自定义组件并且进行全局配置
20.番外篇--如何自定义组件并且进行全局配置 前言 1.创建自定义组件 2.导出自定义组件 3.main.js中引入自定义的公共组件并挂在到Vue 4.使用自定义的公共组件 前言 通过之前的系列文章 ...
- Vue中父子组件传值的多种方式
vue中父子组件传值 vue中的父子组件传值,值得注意的是要遵守单向数据流原则.所谓单向数据流原则,简单的说就是父组件的数据可以传递给子组件,子组件也可以正常获取并使用由父组件传过来的数据:但是,子组 ...
- 简单了解Vue的自定义组件与生命周期
Vue的自定义组件 定义格式 Vue.component(组件名称, { props:组件的属性, data: 组件的数据函数, template: 组件解析的标签模板 }) 代码解析(详细解释在注解 ...
- Vue中自定义标签及其使用
Vue中自定义标签及其使用 问题 需求 自定义 创建组件的vue文件 编辑组件 使用 导入 申明使用 使用 整个代码 效果 问题 我们在使用Vue开发移动端应用程序时,常常使用Vant Weapp中的 ...
最新文章
- Java项目构建打包规范,jenkins2.121.1构建java项目环境,一键打包发布
- 【 MATLAB 】基本序列运算及其MATLAB的等效表示
- [转载]EF中的那些批量操作
- 基于无线通信技术的智能公交系统设计
- Android “再按一次退出“
- 第二题:坦克游戏1.0(方法:动态规划)
- 只有在配置文件或 Page 指令中将 enableSessionState 设置为 true 时,才能使用会话状态。...
- java电池soc算法实现,BMS算法设计之电池SOC介绍(一)
- 【2021杭电多校赛】2021“MINIEYE杯”中国大学生算法设计超级联赛(10)签到题2题
- 基于角色的用户权限设计的问题,大家探讨下
- matlab申明数值型的符号常量,实验四 MATLAB符号运算
- iOS面试 第三方库
- 在APPLE从创建ID到申请发布AppStore账户(六)新建AppleID用户首次使用要求双重认证(您的 Apple ID 需要更新)
- IBM Spectrum LSF RTM
- 模拟购物车系统(添加、修改、查询、结算)(Java实现)
- 我和宁夏日报 【白述礼】
- 基于京东云服务器来搭建javaWeb 运行环境
- php 中文 验证码,php 验证码 支持中文验证码
- 论文阅读——Deep 3D Portrait from a Single Image(CVPR2020)
- Python练习笔记 - - 句子翻转
热门文章
- C++ Primer 13-15
- hanning窗?hamming窗?如何理解语音信号处理中时间窗的作用
- 使用Obj2gltf 将Obj格式转换为glft格式
- 网络测试工具集 - netwox (可实现网络欺骗)
- Redis笔记-基础篇(黑马视频教程)
- sr算法matlab,超分辨率 SRCNN
- VUE element UI 搭建
- FPGA Intel MAX10配置小结
- XShell的SSH服务器拒绝了密码、无法跳过PublicKey验证、未在服务器注册等问题
- [4G5G专题-75]:流程 - 4G LTE无线接入网中运营商标识、基站标识、终端标识大全