How to use reactive in Vue3.0 API

This article mainly introduces the relevant knowledge of "how to use reactive in Vue3.0 API". The editor shows you the operation process through an actual case. The operation method is simple, fast and practical. I hope this article "how to use reactive in Vue3.0 API" can help you solve the problem.

Reactive

Returns a responsive copy of the object

Const obj = reactive ({count: 0})

Responsive transformations are "deep"-- it affects all nested property. In an ES2015 Proxy-based implementation, the returned proxy is not equal to the original object. It is recommended that you use only responsive proxy to avoid relying on the original object.

Type declaration:

Function reactive (target: t): UnwrapNestedRefs

Prompt

Reactive will unpack all deep refs while maintaining the responsiveness of the ref.

Setup () {

Const count = ref (0)

Const state = reactive ({})

State.count = count

/ / ref will be unpacked

Console.log (count.value = state.count)

Const addRef = () = > {

Count.value++

}

Return {

Count

AddRef

}

}

This is the end of the introduction to "how to use reactive in Vue3.0 API". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.