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

  • 相关阅读:
    BZOJ1119: [POI2009]SLO
    BZOJ1486: [HNOI2009]最小圈
    BZOJ1098: [POI2007]办公楼biu
    BZOJ2242: [SDOI2011]计算器
    PAT A1023
    SpringCloud之整合Feign
    SpringCloud之整合Feign
    小程序在wxml页面格式化类似的2019-02-16T10:54:47.831000时间
    小程序在wxml页面格式化类似的2019-02-16T10:54:47.831000时间
    Javascript基础之-var,let和const深入解析(二)
  • 原文地址:https://www.cnblogs.com/wfblog/p/11853604.html
Copyright © 2020-2023  润新知