vue3 readonly的使用
## 為什么要用readonly?
#### 我們向下傳遞響應(yīng)式數(shù)據(jù)的同時(shí)并不希望,下層修改我們的數(shù)據(jù),所以在下層內(nèi)得需要設(shè)為只讀
## readonly的返回值
#### 返回原生對(duì)象的只讀代理,也就是只允許get,劫持了set
## readonly傳參的類型
#### 普通對(duì)象,reactive返回的對(duì)象,ref對(duì)象
##### 舉個(gè)例子
import {ref,reactive,readonly} from 'vue'
setup(props,context) {
? ?const x=ref("xwl")
? ?const y="xwl"
? ?const obj=reactive({name:'xwl',age:18,info:{school:'secret'}})
? ?const readonly1=readonly(y); ?普通對(duì)象
? ?const readonly2=readonly(x); ?ref對(duì)象
? ?const readonly3=readonly(obj);reactive返回的對(duì)象
? ?我們可以修改x,y,obj,對(duì)應(yīng)也會(huì)產(chǎn)生響應(yīng)式,但是readonly1等不可修改
? ?return {
? ? ? ?x,y,obj
? ?}
?}



標(biāo)簽: