React

React began as an internal project at Facebook

Advantages:

  1. Cross-browser compatibility: The virtual DOM helped us solve the cross-browser problem by giving us a standardized API that worked even in IE8.
  2. One-way Data Flow: Flux is an architecture for creating a one-way data layer in JavaScript applications, which was conceptualized by Facebook with the development of the React View library.

Disadvantages:

React itself is only a V, not a complete framework, so if you want a complete framework for large projects, you basically need to add ReactRouter and Flux to write large applications.

Vue

  1. Simple: The official documentation is clear and easier to learn than Angular.
  2. Compact: ~18kb min+gzip, and no dependency.
  3. Module-friendly: You can install via NPM, Bower, or Duo. You don’t have to force all your code to conform to Angular rules.

disadvantages

  1. New baby: Vue.js is a new project and not as mature as Angular.

  2. Impact is not very strong: Google has found that vue.js is less diverse or rich than some other well-known libraries.

  3. Does not support IE8

Angular

Is an excellent front-end JS framework, has been used in a number of Google products.

Advantages:

  1. Templates are powerful and rich, with extremely rich Angular directives.

  2. Is a relatively complete front-end framework, including services, templates, data binding, modularization, routing, filters, dependency injection and other functions;

  3. Custom instruction.

  4. Angularjs was developed by Internet giant Google, which means it has a solid foundation and community to support it.

Disadvantages:

  1. Angular is easy to get started with but difficult to understand when learning.

  2. There are very few documentation examples. The official documentation is basically just an API with no examples. Most of the time, you have to come to Google or ask Misko,angular’s author, for details on how to use it.

  3. Ie6/7 compatibility is not particularly good, but you can use jQuery handwritten code to solve some.

  4. There are few best practices for using directives. Angular is very flexible, and it’s easy to write code that doesn’t look like it if you don’t read some of the author’s guidelines. For example, JS has a lot of DOM manipulation like jQuery.