Angular与React、Vue.js的对比

在当前的主流 Web 前端框架中，Angular、React、Vue.js 是备受瞩目的3个框架，它们都是组件化开发框架。

从市场占有率来看

Angular 与 React 的历史更长，而 Vue.js 是后起之秀，所以 Angular 与 React 都比 Vue.js 的市场占有率更高。

但需要注意的是，Vue.js 的用户增长速度很快，有迎头赶上之势。

从支持度来看

Angular 与 React 的背后是大名鼎鼎的 Google 公司和 Facebook 公司，而 Vue.js 属于个人项目。所以，无论是开发团队还是技术社区，Angular 与 React 都更有优势。

使用 Vue.js 的风险相对较高，毕竟这类项目在很大程度上依赖于维护者是否能够继续维护下去。好在目前大型互联网公司都在与 Vue.js 展开合作，在一定程度上会让 Vue.js 走得更远。

从开发体验来看

Vue.js 应用由 JavaScript 语言编写，主要用于开发渐进式的 Web 应用程序，用户使用起来会比较简单，易于入门，请猛击《Vue.js是什么》了解更多内容。

以下是一个 Vue.js 应用示例：

<div id="app">
    {{ message }}
</div>

var app = new Vue({
    e1: '#app',
    data: {
        message: 'Hello Vue!'
    }
})

React 应用同样由 JavaScript 语言编写，采用组件化的方式来开发可重用的用户 UI。React 的 HTML 元素是嵌在 JavaScript 代码中的，在一定程度上有助于聚焦关注点，但不是所有的开发者都能接受这种 JavaScript 与 HTML“混杂”的方式。

以下是一个 React 应用示例：

class HelloMessage extends React.Component {
    render() {
        return (
            <div>
                Hello {this.props.name}
            </div>
        );
    }
}

ReactDOM.render(
    <HelloMessage name="Taylor" />,
    mountNode
);

Angular 有着良好的模板与脚本相分离的代码组织方式，以便大型系统可以方便地管理和维护。Angular 完全基于新的 TypeScript 语言来开发，拥有更强的类型体系，使得代码更加健壮，也有利于后端开发人员掌握。

Angular、React、Vue.js三者怎么选

综上所知，Angular、React、Vue.js 都是非常优秀的框架，有着不同的受众，选择什么样的框架要根据实际项目来选择。

总的来说：

• 入门难度顺序是 Vue.js＜React＜Angular。
• 功能强大程度是 Vue.js＜React＜Angular。

建议如下：

• 如果你只是想快速实现一个小型项目，那么选择 Vue.js 无疑是最为经济的。
• 如果你想要建设大型的应用，或者考虑长期进行维护，那么建议选择 Angular。Angular 可以让你从一开始就采用规范的方式来开发，并且降低了出错的可能性。

提示：无论是可读性还是可维护性，Angular 在大型项目中都是首选。