zoukankan      html  css  js  c++  java
  • react 和 vue 对比

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

    React Vue

    组件挂载过程

    数据更新过程

    组件挂载过程

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

  • 相关阅读:
    添加/删除windows组件里面没有IIS选项
    安装好 SQL Server 2008,发现不能新建数据库
    Professional C++读书笔记01
    Professional C++读书笔记04
    Professional C++读书笔记05
    Professional C++读书笔记03
    coursera_intro_to_python_notebook_1
    Professional C++读书笔记02
    Professional C++读书笔记06
    silverlight中创建自定义的Tabcontrol控件
  • 原文地址:https://www.cnblogs.com/wfblog/p/11853604.html
Copyright © 2011-2022 走看看