Vue.js和AngularJS的区别

Vue.js 和 AngularJS 是常用的两个前端JavaScript框架。那么两个框架到底有什么不同呢？这篇文章 w3cschool 小编就来为大家介绍下 Vue.js 和 AngularJS 的区别。

 Vue.js 和 AngularJS 是什么？

Vue.js 是一套响应式 JavaScript 开发库。它采用自底向上增量开发的设计，核心库只关注图层，非常容易与其他库和项目整合。而且Vue.js 完全有能力驱动采用单文件组件和 Vue.js 生态系统支持的库开发的复杂单页应用。

AngularJS 是一个 JavaScript 框架。起初是为了解决 HTML 在构建应用上的不足而被设计出来的。它可通过 ​<script>​ 标签添加到 HTML 页面，通过指令扩展了 HTML，并且通过表达式绑定数据到 HTML。AngularJS 有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。现如今 AngularJS 已经被用于 Google 的多款产品当中。

Vue.js 和 AngularJS 的区别:

相同点：

• 两者都不支持低版本浏览器
• 两者都支持双向数据绑定
• 两者都支持指令：自定义指令和内置指令
• 两者都支持过滤器：自定义过滤器和内置过滤器

不同点：

• AngularJS 强约束导致学习成本较高，比如增加了 Dependency Injection 特性，对前端不友好。而 Vue.js 本身提供的 API 都比较简单易学。
• AngularJS 不利于 SEO，因为所有内容都是动态获取并渲染生成的，搜索引擎没法爬取。
• AngularJS 作为 MVVM 框架，因为实现了数据的双向绑定，对于大数组、复杂对象会存在性能问题。而 Vue.js 使用基于依赖追踪的观察并且使用异步队列更新，所有数据都是独立触发，故反应速度较快。