当前位置: 首页 > article >正文

Vue使用组件需要加前缀而React使用组件库的区别

Vue

写在模版中的内容最终会被render,render时会区分标签与组件。

通过-短横线命名法大驼峰命名法使用组件

<a-button><a-button/>
<MyComponent></MyComponent>

但是-短横线命名法容易引起歧义,比如组件名是一个单词(无法),所以无法判断该渲染组件还是标签。大驼峰命名法不会有这种问题。

render(button)
render('button')

所以组件库添加了统一前缀,如antd:a-,element:el-

React

bael在线测试地址

React中使用-短横线命名法会被当做普通html元素看待,而非组件。

组件:

在这里插入图片描述

正常html元素:

在这里插入图片描述

-短横线命名法,也被视为html元素

在这里插入图片描述

总结

二者只是书写代码时的区别,最终都会被编译为html,至于命名方式不同是因为React的jsx 和 Vue的模版 编译规则不同。

VueReact
是否支持大驼峰命名法
是否支持短横线命名法否(会被视为html元素,而非组件)

http://www.kler.cn/a/311663.html

相关文章:

  • 组合AC c++
  • uniapp 小程序 周选择器
  • 「QT」几何数据类 之 QPoint 整型点类
  • NoSQL大数据存储技术测试(1)绪论
  • 【深度学习】— 多输入多输出通道、多通道输入的卷积、多输出通道、1×1 卷积层、汇聚层、多通道汇聚层
  • DNS域名详细解析详解
  • 单片机毕业设计基于单片机寻迹巡线避障智能小车系统设计
  • .NET 一直跻身 30 大Github最活跃开源项目之列。
  • JDK自带的序列化
  • sqli-labs靶场搭建
  • 鸿蒙OpenHarmony【轻量系统芯片移植案例】标准系统方案之瑞芯微RK3566移植案例
  • Datawhile 组队学习Tiny-universe Task01
  • 数据结构-2.8.单链表的建立
  • 【Spring】IocDI详解(6)
  • VMWare17.5.2中Windows7企业版安装VMWareTools失败及解决办法
  • stm32单片机个人学习笔记3(GPIO输出)
  • Python 正则表达式详解:从基础匹配到高级应用
  • 华为OD机试 - 构成指定长度字符串的个数(Python/JS/C/C++ 2024 E卷 100分)
  • <<编码>> 第 14 章 反馈与触发器(7)--分频器与计数器 示例电路
  • 提升工作效率,引领编程新时代
  • 【大模型开发】 迎接AI新时代:Qwen2.5发布,超越LLaMA3!本地私有化部署:如何通过一键API调用不同模型?(附源码地址)
  • 速盾:cdn一般多长时间清理下缓存?
  • 基于Ubuntu22.04的cups安装与配置
  • Servlet的继承结构
  • Java语言程序设计基础篇_编程练习题**18.31 (替换单词)
  • 网络爬虫requests访问请求过程