1、toRaw 方法的作用是从 响应式数据中获取原始数据

应用场景:每次更改响应式数据就会造成ui的更新,若某些操作不需要监听 和更新Ui 界面,可以使用此方法,来减轻服务器负担
注意:对于ref 类型的数据 应该是 toRaw(state.value) 原因思考ref 的本质

  1. let state = Reactive({
  2. name:"li",
  3. age:34
  4. })
  5. let sex = ref("男")
  6. var obj = toRaw(state)
  7. console.log(obj)
  8. // 打印结果
  9. //{name:"li",age:34}
  10. console.log(toRaw(sex.value))
  11. // 打印结果
  12. //男

2、markRaw 方法,作用 : 数据永远不会被追踪

  1. let obj = {
  2. name:"li",
  3. age:34
  4. }
  5. obj = markRaw(obj)
  6. let state = Reactive(obj)
  7. 点击更改后
  8. function myFun(){
  9. state.name = "liu"
  10. }
  11. console.log(state)
  12. // 打印结果
  13. //{name:"li",age:34}