react 和 vue 对比

• Z时代
• 2024-01-10
• 分类：综合

一、组件代码执行顺序，即生命周期。（这个很重要）

二、state，两者的使用相差很大

　　1、react 中 的state，使用setstate来设置，是一个异步函数。（个人觉得的react中的 state 完全就是为了可以重新渲染视图。组件的内的全局变量，可以使用class的实例属性实现）

　　2、Vue 中 的state，可以直接使用赋值修改，视图会同步变化。另外作为组件内部的全局属性，共内部程序操作。

三、前端组件化开发，组件数据传递是很重要的。

　　1、初始化过程：即dom挂载阶段。react 和 vue 都很容易实现。

　　2、数据更新阶段：vue机制中，父组件传递的值改变，自动会使子组件中这个数据同步改变。但是react父组件传递的props改变，很难引起组件的视图更新。

四、标签中插入变量 即 过滤：

　　1、react 中 使用 单大括号 { }，不能像 Vue 那样，使用 管道符 过滤数据。里面可以直接，放入函数进行处理

const date_format = date => {/* your code */}
<div>{date_format(item.applyDate)}</div>

　　2、Vue 中 使用 双大括号 {{ }}，过滤数据

{{item.amount | number_format}}

五、组件传值，了解分子组件传值就可以进行开发了（前期使用，尽可能不要层成组件、跨组件传值）

六、路由跳转 传参

七、组件 内容分发：  https://blog.csdn.net/wu_xianqiang/article/details/99677665

八、vue、redux

开发过程需要实现的需求 功能对比

1、自动将 px 变成 rem ： （webpack 配置上的问题）              ？

2、路由 页面 组件懒加载 ：  ？

以上是 react 和 vue 对比 的全部内容， 来源链接： utcz.com/z/382495.html