toRaw-markRaw.vue 394 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <div>
  3. <h1>toRaw-markRaw</h1>
  4. </div>
  5. </template>
  6. <script lang="ts" setup>
  7. import {ref,reactive,toRaw,markRaw} from "vue"
  8. let person = reactive({
  9. name:"图图",
  10. age:10
  11. })
  12. console.log(person)
  13. let p1 = toRaw(person);
  14. console.log(p1)
  15. let obj = {
  16. name:'你好'
  17. }
  18. console.log(obj)
  19. let o1 = markRaw(obj);
  20. console.log(o1)
  21. </script>
  22. <style lang="scss" scoped>
  23. </style>