Vue 与 Angular(2以上)的比较 ——参考 Vue 官方文档的个人总结

对 TypeScript 的支持

Angular 必须用 TypeScript 来开发。
Vue 也支持 TypeScript ,但并没有像 Angular那么深入。
在中小型规模的项目中,引入 TS 可能并不会带来太多明显的优势,所以使用 Vue比较多。

运行性能

这两个框架运行速度都很快,不过速度不是性能决定性的因素,还可以根据具体的数据做更细粒度的对比。

代码体积

在体积方面,最近的 Angular 版本中的代码体积减小了许多。但是,Vue 项目相比 Angular 还是要小得多。

使用灵活性

Vue 相比于 Angular 更加灵活,Vue 官方提供了构建工具来协助你构建项目,但它并不限制你去如何组织你的应用代码。有人可能喜欢有严格的代码组织规范,但也有开发者喜欢更灵活自由的方式。

(个人的想法:Vue 可以使用<script>标签将 vue,js 直接引入页面,对一个单独的页面或者页面中的一部分使用 Vue来实现功能,而 Angular 是必须使用官方提供的脚手架工具搭建一个完整的 Angular 项目来进行开发。将一些使用老的技术选型的稳定项目换成新的框架进行重构可能不太实际,但是后续开发还是可以借助 Vue来进行的,不会影响原来的功能。)

学习曲线

Angular 的 API 相对 Vue 来说比较复杂,Vue 上手比较容易。而 Angular API 复杂也是因为它本身就是针对大型的复杂应用来设计的,Vue 还是较多应用于中小型的项目。
(官方分析:
要学习 Vue,你只需要有良好的 HTML 和 JavaScript 基础。有了这些基本的技能,你就可以非常快速地 通过阅读 指南 投入开发。
Angular 的学习曲线是非常陡峭的——作为一个框架,它的 API 面积比起 Vue 要大得多,你也因此需要理解更多的概念才能开始有效率地工作。当然,Angular 本身的复杂度是因为它的设计目标就是只针对大型的复杂应用;但不可否认的是,这也使得它对于经验不甚丰富的开发者相当的不友好。)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是VueAngular2的区别: 1. 体积和性能:相较于Angular2,Vue显得比较轻量级,一个包含了Vuex + Vue Router的Vue项目(gzip之后30kB),比angular-cli生成的默认项目尺寸(~65KB)还是要小得多。在渲染性能上,这两个框架都很快,性能上几乎没有差别。 2. 模板语法:Vue使用基于HTML的模板语法,可以在模板中直接使用HTML标签和属性,也可以使用Vue提供的指令来实现数据绑定和逻辑控制。而Angular2使用的是基于TypeScript的模板语法,需要使用一些特殊的标记来实现数据绑定和逻辑控制。 3. 组件化:VueAngular2都支持组件化开发,但是在组件化的实现上有所不同。Vue的组件化开发更加简单,可以直接在HTML中定义组件,也可以使用单文件组件(.vue文件)来定义组件。而Angular2的组件化开发需要使用TypeScript来定义组件,并且需要使用一些特殊的装饰器来标记组件的属性和方法。 4. 状态管理:Vue使用Vuex来管理应用的状态,可以方便地实现状态共享和状态变更的响应。而Angular2则使用RxJS来管理应用的状态,需要使用一些特殊的操作符来实现状态变更的响应。 5. 工具链:Vue的工具链比较简单,可以使用Vue CLI来快速搭建项目,并且可以使用Vue Devtools来方便地调试和排查问题。而Angular2的工具链比较复杂,需要使用Angular CLI来搭建项目,并且需要使用一些特殊的工具来进行调试和排查问题。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值