react 和 vue 对比

一、组件代码执行顺序,即生命周期。(这个很重要)

ReactVue

组件挂载过程

数据更新过程

组件挂载过程

二、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、路由 页面 组件懒加载 : ?