zoukankan      html  css  js  c++  java
  • Vue于React特性简单对比(一)

    一,对象实体对比

    vue的对象实体依然是html,而react的对象实体已经变味jsx,一种新的语法结构。

    vue的html与react的jsx都可以进行拆分,拆分成更细小的组件,组件之间可以传值。

    二,生命周期

    显然二者都有生命周期概念,生命周期让静态对象实体变为动态实体。

    vue的生命周期:

    beforeCreate

    created

    beforeMount

    mounted

    beforeDestroy

    destroyed

    react的生命周期

    constructor

    componentWillMount

    render()

    componentDidMount

    componentWillReceiveProps

    shouldComponentUpdate

    componentWillUpdata

    render()

    componentDidUpdate()

    componentWillUnmount()

    三,修改系统

    修改系统第一步是赋值,因为不管是html还是jsx都只是一个结构,没有数据的结构,所以第一步是赋予数据。

    赋予数据的方式有

    vue  

    data是数据集合

    v-for,v-if,v-show,v-else,v-else-if,v-bind,v-on,refs,{{}},props;

    react

    在es6中,可以在this.state中产生初始化数据。也可以使用getInitialState设置初始化数据。

    绑定数据的方式

    {},{{}},refs,props

    明显可以看出就专属绑定数据方式而言,vue显然要比react多,原因就在于对象实体的不同。jsx是新的语法结构,可以直接使用js进行操作,因此也就减少了专有属性标签的使用。

    绑定数据的部分包含特殊一部分:修改数据的方式。

    修改数据发生在两个过程中:不管是vue还是react,生命周期阶段以及事件触发阶段。

    vue事件触发主要是v-on,而react就比较厉害了是原生的方式。on-大写事件名称。

    此外react的class出于关键字的考虑,改为className,for这个属性改为htmlFor。

    本文是vue和react表明功能的初级对比,不足之处还望指出。

    对比二跳转:https://www.cnblogs.com/zhensg123/p/9460390.html

  • 相关阅读:
    【AS3代码】类的分包
    语句include和require的区别是什么?
    php创建多级目录的函数
    【AS3代码】打砖块
    【AS3代码】弧度的转换
    【AS3代码】是男人就坚持30秒
    每天问女儿的四个问题
    PowerDesigner16生成SQL2005列注释
    做分析师=盖房子【转】
    用gephi自动分析网站链接方式
  • 原文地址:https://www.cnblogs.com/zhensg123/p/9283076.html
Copyright © 2011-2022 走看看