Comparison and compatibility of Vue and angular and react frame principles

Source: Internet
Author: User

1, Vue and react, angular principle comparison:

(1) Angular with Dirty check

In angular 1, when watcher becomes more and more slow, because every change in the scope, all watcher are recalculated. Also, if some watcher trigger another update, the Dirty Check Loop (Digest cycle) may run several times. Angular users often use esoteric techniques to solve the problem of dirty check loops. Sometimes there's no easy way to optimize a scope with a lot of watcher.

(2) Vue Observation system based on dependency tracing and asynchronous queue updating

All data changes are triggered independently, unless there is a clear dependency between them.

(3) In react applications, when the state of a component changes, it renders the entire component subtree at the root of the component.

To avoid unnecessary child component rendering, you need to use purecomponent wherever possible, or manually implement the Shouldcomponentupdate method. At the same time you may need to use immutable data structures to make your components easier to optimize.

2, Compatibility

Vue.js does not support IE8 and the following versions, because Vue.js uses ECMAScript 5 features that IE8 cannot simulate. Vue.js supports all browsers that are compatible with all compatible ES5. (Vue will iterate through all the properties of this object and use Object.defineproperty to convert all of these attributes to Getter/setter.) Object.defineproperty is a feature that is ES5 supported and cannot be shim, which is why Vue does not support IE8 and the reasons for the lower version of browsers.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.