<template>
  <div>
    <h1>toRaw-markRaw</h1>

  </div>
</template>

<script lang="ts" setup>
import {ref,reactive,toRaw,markRaw} from "vue" 
let person = reactive({
    name:"图图",
    age:10
})
console.log(person)
let p1 = toRaw(person);
console.log(p1)
let obj = {
    name:'你好'
}
console.log(obj)
let o1 = markRaw(obj);
console.log(o1)
</script>

<style lang="scss" scoped>
</style>
