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

初见react

react

定义:
1.适用于构建用户界面的库
与react其他状态库一起构建框架
react 、react-dom、radus、webpack、babel等。

react 特点

1.声明式编程

不管过程、只看结果

2.组件化开发

前端的一种趋势,将复杂的页面的模块封装成一个个组件

3.虚拟dom

虚拟dom通过js代码阿里描述一段HTML代码(虚拟dom可以理解为json对象)

为啥需要引用虚拟dom

真实dom节点属性和方法过于复杂,操作时影响浏览器性能,所以使用object来描述页面中的html结构,以达到性能提升的效果。

vue 和 react 之间的虚拟dom区别

vue的虚拟dom是通过telemplate 模版进行编译形成的虚拟dom,而react没有telemplate模版,react通过的是jsx语法来对模版进行编译,最后形成虚拟dom

4.单向数据流

vue和react之间的区别

vue不同组件中,强制使用单项数据流

单向数据流
定义:父组件数据可以传递给子组件,但子组件不能直接修改父组件状态

react 的单项数据流,数据的流向只能通过props由外到内一层层传递

5.双向数据绑定

vue和react之间的区别

vue的双向数据绑定设计模式是mvvm

mvvm是一种设计模式
其中 m 对应的是 数据模型 model , v对应的是 视图层 view 。
他们之间需要一个人去监听两者的改变,一者改变就去修改另一者 这个人就是 vm

react 没有提供v-model这样的指令来实现文本框的双向数据绑定,单向数据流的react没有vm对象,他有的是属性和状态,用属性和状态去映射视图。
react手动实现双向数据绑定。
react不是mvvm , 而是mvc=>v


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

相关文章:

  • [Qt]事件-鼠标事件、键盘事件、定时器事件、窗口改变事件、事件分发器与事件过滤器
  • idea中远程调试中配置的参数说明
  • 回归预测 | MATLAB基于TCN-BiGRU时间卷积神经网络结合双向门控循环单元多输入单输出回归预测
  • Kotlin Bytedeco OpenCV 图像图像54 透视变换 图像矫正
  • mfc操作json示例
  • Ubuntu 24.04 LTS 安装 Docker Desktop
  • 搭建springmvc项目
  • Spire.PDF for .NET【页面设置】演示:向 PDF 文档添加页码
  • Unity3D实现抽象类的应用场景例子
  • SQL中的数据类型
  • 使用Node.js搭配express框架快速构建后端业务接口模块Demo
  • Rust中<‘_>是什么意思
  • 牛客周赛 Round 72 题解
  • 深入探索Vue.js中的v-html指令:HTML内容绑定与安全渲染的核心机制
  • L2tp环境搭建笔记- L2TP及PPP配置拔号实践
  • 线程安全与线程不安全
  • 【Python项目】基于Django的语音和背景音乐分离系统
  • Scala的隐式对象,隐式类
  • 使用Vscode+EIDE+Jlink开发STM32环境配置教程
  • 腾讯云全方位安全防护!
  • MySQL的并发控制与MVCC机制深度解析
  • 华为WLAN基础配置(AC6005模拟配置)
  • 【贪心算法】贪心算法六
  • Edge Scdn用起来怎么样?
  • DIDCTF流量分析
  • 面试小札:闪电五连鞭_3