Vue、Reacct、Angular三大框架比较学习三:设计思想

6 篇文章 0 订阅
2 篇文章 0 订阅

Vue

Vue官网中写到,Vue是一套用于构建用户界面的渐进式的框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,Vue 的核心只关心视图层

什么是渐进式的框架?
我觉得,要理解Vue,首先要理解什么是渐进式的框架。

渐进,"Progressive”——这个词在英文中定义是渐进,一步一步,不是说一开始就要把所有的东西都用上,可以在需要的时候再用。

我们看下下面这张图:
在这里插入图片描述
Vue从设计角度来讲,虽然能够涵盖这张图上所有的东西,但是我们并不需要一上手就把所有东西全用上,因为没有必要。声明式渲染和组建系统是Vue的核心库所包含内容,而客户端路由、状态管理、构建工具等等都有专门解决方案。这些解决方案相互独立,你可以在核心的基础上任意选用其他的部件,不一定要全部整合在一起。

客户端路由可用:vue-router
状态管理可用:vuex
网络请求可用:axios或vue-resourse
构建工具脚手架可用:vue-cli

以上只是列出部分常见的,在Vue生态系统,有很多库我们可以选用的。

也就是说,我们可以单单只用Vue的核心库来做构建组件的库,来构建页面,也可用Vue的核心库再搭配上其他的库,做一个复杂的单页面应用,这一切都是看我们的实际需求的。

React

首先先引用react官方博客中的一句话:React不是一个MVC框架,而是用于构建组件化UI的库,是一个前端界面开发工具。
React在我看来,也是一个渐进式的框架,和Vue的渐进式是类似的,我们也可以只用React来构建组件,也同样可以用React搭配其他的库来做一个复杂的单页面应用。

下面是React生态常见的一些库:
客户端路由可用:react-router、react-router-dom
状态管理可用:redux、react-redux
网络请求可用:axios
构建工具脚手架可用:create-react-app

Angular

注意,这里说的是angular2.0+。

之前看一些angular的介绍,都说angular适用构建大型应用,不大适合用于构建小型应用,之前还不明白,慢慢接触了angular之后,开始有点明白了,为什么这样说呢,因为angular是一个侵占式非常强的框架,不像Vue和React是渐进式框架那种,它一个框架里面,就把做一个大型应用的知识点几乎全都包含进去了,就像前面两个框架所说的引入什么路由管理,状态管理,网络请求等等的库,在angular这里,全都不用,因为angular框架里面这些功能全都包含了。
所以说,如果我们只想用一个库来写一些界面组件,选用angular的话就似乎不好了,因为这有点杀鸡用牛刀的感觉了,angular的功能全面,相应的体积就大,所以说,如果是小应用的话,就不大适合选用angular。

构建工具脚手架:Angular CLI

总结

就我个人而言,感觉Angular学习难度比Vue和React稍大,而且angular官方推荐使用TypeScript,所以需要再额外学习TypeScript,Vue的话TypeScript也支持,不过我们也可单单只用ES5,React的话ES6几乎必不可少了。
当然了,这三个框架都非常好,各自有各自的优势,我觉得我只学了其中的冰山一角,接下来还要努力学习,学习它们之间更深层次的不同。

以上就是全部内容,如果有错误的地方,欢迎指出,谢谢。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值