Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "how to use isProxy and isReactive in Vue3.0 API", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to use isProxy and isReactive in Vue3.0 API" article.

IsProxy

Check whether the object is a proxy created by reactive or readonly.

IsReactive

Check whether the object is a responsive agent created by reactive.

Import {ref, isReactive, reactive} from "vue"

Const count = ref (123)

Const state = reactive ({

Name: "John"

});

Console.log (isReactive (state)); / /-> true

Console.log (isReactive (count)); / /-> true

If the agent is created by readonly, but another agent created by reactive is wrapped, it also returns true.

Import {readonly, isReactive, reactive} from "vue"

Const state = reactive ({

Name: "John"

});

/ / read-only proxy created from ordinary objects

Const plain = readonly ({

Name: "Mary"

});

Console.log (isReactive (plain)); / /-> false

/ / read-only proxy created from responsive proxy

Const stateCopy = readonly (state)

Console.log (isReactive (stateCopy)); / /-> true

IsReadonly

Check whether the object is a read-only proxy created by readonly.

ToRaw

Returns the original object of the reactive or readonly proxy. This is an "escape pod" that can be used to temporarily read data without the overhead of agent access / tracking, or to write data to avoid triggering changes. It is not recommended to keep persistent references to the original object. Please use it with caution.

The above is about the content of this article on "how to use isProxy and isReactive in Vue3.0 API". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.