一、定义

readonly：用于对数据进行保护，只能读取不能修改
shallowReadonly：用于对浅层次数据进行保护，只能读取不能修改

二、示例

<script>
    import {reactive,readonly,shallowReadyonly} from 'vue'
    export default{
        setup(){
                let person=reactive({
                name:'张三',
                age:22,
                job:{
                    teacher:{
                        salary:11
                    }
                }
            })
            
            person1=readonly(person)
            person2=shallowReadonly(person)
            return{
                person,
                person1,
                person2
            }
        }
    }
</script>

person1中任意值被修改时，会被阻止

person2中任意第一层值被修改时，会被阻止（name,age）；而其他层的数据可以被修改（salary）