AngularJS、ReactJS、VueJS三大前端框架对比

从脚手架到传值,AngularJS、ReactJS、VueJS这三大前端框架的套路还真不一样。你要是经常换项目或者接手别人的代码,了解这些差异会省不少麻烦。

AngularJS 的组件风格偏老派,结构清晰但写起来略啰嗦。推荐你看看AngularJS 表格组件,搭配自定义可选框,可玩性还挺高。

ReactJS的逻辑拆得细,组件更偏函数式。配合propsstate,传值思路清楚。你可以看看区域矩阵组件测试那篇,实际项目里怎么拆分、怎么调试都有讲,挺实用的。

VueJS的上手曲线比较友好,适合前后端都要兼顾的情况。这个框架组件传值案例都蛮实用的,像props$emitprovide/inject这种场景在里面都有体现。

传值这块哦,不只是框架内部。你看看这两个跨平台的做法——通知传值Delegate,在前端里有时候也能借鉴一下。

如果你正打算选框架,或者需要理解别人代码的组件结构,建议先搭一下每个框架的脚手架,从最小项目开始动手。遇到问题别怕,动手是学习。

doc 文件大小:25.63KB