美文网首页我爱编程
前端三大框架的对比

前端三大框架的对比

作者: 玉面小猿 | 来源:发表于2018-04-22 10:59 被阅读0次
    Angular React Vue
    组织方式 MVC 模块化 模块化
    数据绑定 双向绑定 单向绑定 双向绑定
    模板能力 强大 自由 自由
    自由度 较小 较大
    路由 静态路由 动态路由 动态路由

    组织方式

    Angular采用MVC的数据划分,而Vue和React采用模块化方案。

    数据绑定

    模板指令

    Angular的模板是最强大的,除了自带的丰富的模板指令,还可以通过自定义的指令定义模板,调用的时候只需要一个指令名称就够了。
    React模板就是JSX,JSX语法相当于一个变量,相当灵活。没有什么问题是一坨js解决不了的,如果有,那就用两坨。

    模板

    Vue模板借鉴了Angular的模板指令,但是没那么复杂。它的特点就是简洁易用。

    自由度

    Angular本身是一个大而全的框架,它对模块模板路由都有很多的要求,因此自由度比较小。
    React是UI层框架,JSX模板相当于js,写起来自由度非常大,相当于原生的js。
    Vue追求的是灵活,简单,但还是受到一些经典Web技术的限制,相对React自由度小一些,但其实也比较自由。

    路由

    Angular路由是自带的,而Vue和React是借助别的路由工具。
    React使用React-router,Vue使用Vue-router,Angular中是静态的路由,而React4.x开始使用动态路由,Vue2.2之后也可以使用addRoutes来创建动态路由。

    其他维度对比

    Angular React Vue
    背景 Google Facebook 阿里巴巴
    文档 英文 英文 多语言
    上手难度 ⭐⭐⭐ ⭐⭐⭐ ⭐⭐
    App方案 lonic RN Weex

    相关文章

      网友评论

        本文标题:前端三大框架的对比

        本文链接:https://www.haomeiwen.com/subject/ofmqlftx.html