The difference between computer and watch in vue

watch, as the name suggests, is used to monitor data changes. There are three sources of data that can be monitored: props, data, and data in computed; watch provides two parameters (newValue, oldValue), The first parameter is the new value, and the second parameter saves the old value;

computed is used to process complex logical operations, and is mainly distinguished from the methods storage method; methods storage method, computed storage needs to be processed Data value; methods will be called every time. computed has a caching mechanism and is only executed when changed, with better performance;

The difference between computer and watch in vue:

Computation Attribute computed:

1. Supports caching. Only when the dependent data changes, will it be recalculated

2. Does not support asynchronous. When there are asynchronous operations in computed, it will be invalid and the data cannot be monitored. Change

3.Computed attribute values ​​will be cached by default. Computed attributes are cached based on their responsive dependencies, which are calculated based on the data declared in data

4 . If an attribute is calculated from other attributes, this attribute depends on other attributes, is a many-to-one or one-to-one, generally use computed

5. If the computed attribute attribute value is a function, then the default The get method will be used; the return value of the function is the attribute value of the attribute; in computed, the attributes have a get and a set method. When the data changes, the set method is called.

Listening attribute watch:

1. Does not support caching, data changes will directly trigger the corresponding operation;

2.watch supports asynchronous;

3. The listening function receives two parameters. The first parameter is the latest value; the second parameter is the value before input;

4. When an attribute changes, the corresponding operation needs to be performed. ;One to many;

The above is the detailed content of The difference between computer and watch in vue. For more information, please follow other related articles on the PHP Chinese website!