Vue3中的toRaw、markRaw

toRaw：

作用：获取一个响应式对象的原始对象

使用场景：给同事数据不希望是响应式
markRaw：
作用：标记一个对象使其永远不会变成响应式

使用场景：标记第三方库，防止把第三方库变成响应式对象

<script setup lang="ts">
import {reactive,toRaw,markRaw} from 'vue'

let person = reactive({
  name: '张三',
  age: 18,
})
let rowPerson = toRaw(person)

let car = markRaw({brand:"宝马",price:100})
let rowCar = reactive(car)

const test = ()=> {
  console.log(person) //是响应式对象
  console.log(rowPerson) //不是响应式对象
  console.log(car)  //不是响应式对象
  console.log(rowCar)  //不是响应式对象
}
</script>