How to implement responsiveness in vue

This article mainly explains "how to achieve responsive vue". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to achieve responsive vue".

Add attributes to the response data

Vue.set (target, propertyName/index, value)

Parameters:

{Object | Array} target

{string | number} propertyName/index

{any} value

Return value: the set value.

Usage:

Add a property to the responsive object and make sure that the new property is also responsive and triggers the view upgrade. It must be used to add new property to responsive objects, because Vue cannot detect normal newly added property (for example, this.myObject.newProperty = 'hi')

Note that the object cannot be a Vue instance, or the root data object of a Vue instance.

Form of new Vue ({data: {}})

Data

Vue will recursively solve the data in data into responsive data.

Change non-responsive data into responsive data, but can only solve a single value

Vue.util.defineReactive (this, 'current', initial)

Thank you for your reading, the above is the content of "how to achieve responsive vue". After the study of this article, I believe you have a deeper understanding of how to achieve responsive vue, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!